如何向 jquery.bootgrid 添加水平滚动条

【问题标题】：How-to add horizontal scroll bar to jquery.bootgrid如何向 jquery.bootgrid 添加水平滚动条
【发布时间】：2016-10-20 15:46:54
【问题描述】：

我正在使用 jquery bootgrid 来显示一些数据 (http://www.jquery-bootgrid.com/)，谁能帮忙在这个网格中添加水平滚动条？

我尝试将其放入具有overflow-x样式的div中，但它同时滚动导航和分页。

如果不可能，您能否推荐具有此功能的 ASP .NET MVC 的免费网格？

【问题讨论】：

标签： javascript jquery css asp.net-mvc jquery-bootgrid

【解决方案1】：

尝试使用这些设置 CSS 类 bootgrid-table：

display: block;
width: 50px;
overflow-x: scroll;

我将宽度设置为 50 像素以进行测试，但它可能会保持原样，即 100%。但是，由于数据与“...”一起折叠，不确定它是否也可以删除它。

【讨论】：

非常感谢！我删除了宽度：50px；一切顺利！

【解决方案2】：

由于您已经在使用 Bootstrap，您可以将 table-responsive 类添加到表格元素的外部 div 中

<div class="table-responsive">
   <table id="myTable" class="table table-bordered table-condensed table-hover">


   </table>

</div>


<script type="text/javascript">

$(function(){
  var dt = $('#myTable').bootgrid({
          selection: true,
          rowSelect: true,
          converters: {},
        });
});

</script>

小提琴：https://jsfiddle.net/u5w4w24s/1/

【讨论】：