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

Я использовал 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>

css twitter-bootstrap bootstrap-table
person user2281858    schedule 21.04.2015    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Посмотрите на эту скрипту...

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

    table {
        table-layout:fixed;
    }

    .div-table-content {
      height:150px;
      overflow-y:auto;
    }
person Travis    schedule 21.04.2015

arrow_upward
2
arrow_downward

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

person wenyi    schedule 22.04.2015
comment
data-height="100vh" не работает. Есть ли возможность установить data-height в единицу измерения, отличную от пикселя? - person Raphael Schweikert; 07.09.2016