Как добавить горизонтальную полосу прокрутки в jquery.bootgrid

Question

Я использую jquery bootgrid для отображения некоторых данных (http://www.jquery-bootgrid.com/), может ли кто-нибудь добавить горизонтальную полосу прокрутки в эту сетку?

Я попытался поместить его в div с переполнением x, но он прокручивает навигацию и пейджинг вместе.

Если это невозможно, можете ли вы рекомендовать бесплатные сетки для ASP.NET MVC с этой функцией?

Answer 1

Попробуйте установить bootgrid-таблицу классов CSS с этим:

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/