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

Question

У меня есть полосатый стол, выполненный с использованием таблицы Bootstrap со следующим кодом (из первого примера на 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, а не на теле)

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

Edit:

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

Answer 1

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

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

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

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

Вот рабочий example.