bootstrap-table фиксированный заголовок не работает

Question

Я использовал bootstrap-table, чтобы установить таблицу в моем проекте. Все работает отлично, кроме полосы прокрутки внутри tbody.

Там нет полосы прокрутки. Что мне не хватает? Я считаю, что если полоса прокрутки видима, то функция fixed-header для таблицы также должна работать нормально.

<table id="tblMain" class="table table-bordered table-hover" data-show-refresh="false" data-click-to-select="false" data-single-select="true" data-show-toggle="false" data-show-columns="false" data-cache="false" data-page-number="@Model.CommonVariable" data-url='@Url.Action("Index", "Home")' data-side-pagination="server" data-pagination="true" data-search="false" data-query-params="queryParams" data-response-handler="respHandler"> 
    <thead class="table-head"> 
     <tr> 
      <th data-field="id" data-formatter="SomeFunction">Item ID</th> 
      <th data-field="name" data-formatter="SomeFunction2">Item Name</th> 
      <th data-field="price" data-formatter="SomeFunction3">Item Price</th> 
     </tr> 
    </thead> 
</table> 

Answer 1

Заканчивать этот fiddle ...

Это не было создано мной, но я думаю, что это то, что вы ищете.

table { 
     table-layout:fixed; 
    } 

    .div-table-content { 
     height:150px; 
     overflow-y:auto; 
    } 

Answer 2

Вы можете установить data-height опцию активной функции фиксированного заголовка, например: http://issues.wenzhixin.net.cn/bootstrap-table/.