Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导响应表滚动条顶部/底部&;始终可见_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 引导响应表滚动条顶部/底部&;始终可见

Javascript 引导响应表滚动条顶部/底部&;始终可见,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我使用“table responsive”类在bootstrap中开发了一个表,它的工作原理与预期一样,但是由于该表相当大,将用于一系列设备,因此我需要使其更加用户友好。我已经搜索了论坛,但找不到我想要的 是否有可能让显示在响应表底部的滚动条始终可见,而不仅仅是当屏幕最小化到一定程度时 还有什么方法可以复制表格顶部的滚动条吗?由于桌子会很长,最好的解决方案是让它在顶部和底部都可见 给你 <div class="table-responsive"> <table class="

我使用“table responsive”类在bootstrap中开发了一个表,它的工作原理与预期一样,但是由于该表相当大,将用于一系列设备,因此我需要使其更加用户友好。我已经搜索了论坛,但找不到我想要的

是否有可能让显示在响应表底部的滚动条始终可见,而不仅仅是当屏幕最小化到一定程度时

还有什么方法可以复制表格顶部的滚动条吗?由于桌子会很长,最好的解决方案是让它在顶部和底部都可见

给你

<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这就是我想告诉他的