Пользовательская полоса прокрутки для Bootstrap Table

Question

У меня есть чередующаяся таблица с помощью Bootstrap Table со следующим кодом (из первого примера на http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html). Мне нужно найти способ, чтобы полоса прокрутки выглядела как созданная slimScroll ( http://rocha.la/jQuery-slimScroll). Это необоротное требование клиента.

<table data-toggle="table" data-url="data1.json" data-cache="false" data-height="299">
<thead>
    <tr>
        <th data-field="id">Item ID</th>
        <th data-field="name">Item Name</th>
        <th data-field="price">Item Price</th>
    </tr>
</thead>
</table>

Вопросы:

1) это выполнимо, и если так - как?

2) Если это невозможно с таблицей начальной загрузки, есть ли библиотека, которая создала бы полосу прокрутки этого типа для тела? (slimScroll работает только на div, а не на tbody)

3) Если ни (1), ни (2) невозможны, каковы мои варианты реализации таблицы с прокручиваемым телом с фиксированным заголовком и полосой прокрутки этого типа?

Редактировать:

Я не могу создать полнофункциональный jsfiddle, так как загрузочная таблица не загружается через внешние ресурсы. Я, однако, смог создать jsfiddle, показывающий, что делает тело с приложением slimScroll. Автономный div прокручивает нормально. Тела таблицы, следующей за ним, нет.

Answer 1

Это работает из коробки.

Осматривая сгенерированные элементы таблицы начальной загрузки, он не прокручивает <tbody> но обертка div '.fixed-table-body',

Просто используйте:

$(document).ready(function () {
  $('.fixed-table-body').slimScroll({});
});

Вот рабочий пример.