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

Question

我正在使用 jquery bootgrid 来显示一些数据（http://www.jquery-bootgrid.com/），有人可以帮忙在这个网格中添加水平滚动条吗？

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

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

Answer 1

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

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

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

Answer 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/