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

Question

我正在使用 jquery bootgrid 来显示一些数据 (http://www.jquery-bootgrid.com/)，有人可以帮助向该网格添加水平滚动条吗？

我试着用 overflow-x 样式将其放入 div，但它同时滚动导航和分页。

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

Answer 1

尝试设置 CSS class bootgrid-table :

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

我将宽度设置为 50px 进行测试，但也许可以保持原样，100%。但是，由于数据因“...”而崩溃，不确定是否也可以删除它。

Answer 2

因为您已经在使用 Bootstrap，您可以将 table-responsive class 添加到 table 元素的外部 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>

Fiddle: https://jsfiddle.net/u5w4w24s/1/

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

How-to add horizontal scroll bar to jquery.bootgrid

javascript

css

asp.net-mvc

jquery

jquery-bootgrid