Javascript 引导响应表滚动条顶部/底部&;始终可见
我使用“table responsive”类在bootstrap中开发了一个表,它的工作原理与预期一样,但是由于该表相当大,将用于一系列设备,因此我需要使其更加用户友好。我已经搜索了论坛,但找不到我想要的 是否有可能让显示在响应表底部的滚动条始终可见,而不仅仅是当屏幕最小化到一定程度时 还有什么方法可以复制表格顶部的滚动条吗?由于桌子会很长,最好的解决方案是让它在顶部和底部都可见 给你Javascript 引导响应表滚动条顶部/底部&;始终可见,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我使用“table responsive”类在bootstrap中开发了一个表,它的工作原理与预期一样,但是由于该表相当大,将用于一系列设备,因此我需要使其更加用户友好。我已经搜索了论坛,但找不到我想要的 是否有可能让显示在响应表底部的滚动条始终可见,而不仅仅是当屏幕最小化到一定程度时 还有什么方法可以复制表格顶部的滚动条吗?由于桌子会很长,最好的解决方案是让它在顶部和底部都可见 给你 <div class="table-responsive"> <table class="
<div class="table-responsive">
<table class=""table table-striped table-bordered">
<!--Rest of the code-->
</table>
</div>
如果我没弄错的话。使表所在的容器具有固定的宽度和高度,并将溢出属性设置为自动。通过这样做,您的表不能是100%,因为它将填充其容器。这意味着表也有一个固定的宽度,该宽度大于它的容器,以显示溢出效果。见下面的示例。我希望它能帮助你或者为你指明正确的方向
。表cont{
最大宽度:400px;
最大高度:200px;
溢出:自动;
边框:1px红色实心;
}
.表格续表格{
最小宽度:600px;
}
引导示例
名字
姓氏
电子邮件
违约
Defaultson
def@somemail.com
成功
雌鹿
john@example.com
危险
教育部
mary@example.com
信息
杜利
july@example.com
警告
裁判
bo@example.com
活跃的
阿维森
act@example.com
对于顶部的水平滚动条,请尝试使用jquery.doubleScroll
jQuery:
$(document).ready(function(){
$('.table-responsive').doubleScroll();
});
将您的桌子放在div标签内,给它一个“table responsive”类,使它在所有设备上都有响应根据这个问题used@blecaf我想他建议在父div中使用它,而不是像通常那样直接在表中使用它。检查您的代码您可能会给您的表标记赋予“table responsive”类,把你的桌子放在div标签里,给它一个“桌子响应”类,来实现你的提问@LeonFreire这就是我想告诉他的