Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   DataTables опция sScrollY (https://javascript.ru/forum/jquery/37365-datatables-opciya-sscrolly.html)

wUI 17.04.2013 08:05

DataTables опция sScrollY
 
Всем доброго времени суток. :)
Для отображения данных использую плагин DataTables. Таблица имеет определенную высоту и поэтому мне необходима была прокрутка содержимого, инициализация таблицы с нужными мне опциями:
$("#tparameter" + response.d[i][5]).dataTable({
                            "bDeferRender": true
                            ,"bPaginate": false
                            ,"bFilter": false
                            ,"bJQueryUI": true
                            , "sScrollY": "200px"
                            ,"bScrollCollapse": true
                        });

При активных опциях "sScrollY": "200px","bScrollCollapse": true, header таблицы съезжает и теряет все стили. Если же эти опции удалить, то пропадает прокрутка, но со стилями все в порядке.
Может кто сталкивался с подобным?

skrudjmakdak 17.04.2013 09:06

может в параметре 'sScrollY' нужно указывать int, а не string т.е.
"sScrollY": 200

wUI 17.04.2013 09:21

skrudjmakdak,
Пробовал и string, и int - разницы нет.

skrudjmakdak 17.04.2013 09:44

а можно скинуть все? сложно что что так сказать..

wUI 17.04.2013 12:29

skrudjmakdak,
Нашел у себя ошибки с наследованием стилей.=) Спасибо за отзывчивость!

wUI 17.04.2013 12:40

Если подробнее то соль проблемы была в использовании одновременно Tabs от jQuery UI и DataTables. Если динамически создавать/наполнять таблицы в неактивных табах, то возникают как раз таки проблемы со съезжающей шапкой и кривым скролом.
Нашел мануалчик по этой проблеме у самих разрабов DataTables:
http://www.datatables.net/examples/a...scrolling.html
Есть еще один выход, возможно кому нить подойдет, перед динамических созданием или наполнением таблицы активируйте нужный таб:
var tabs_parameter = $("#tabs-parameter").tabs();
tabs_parameter.tabs({ active: 0 });

Где вместо нуля указать индекс вашего таба.:)

skrudjmakdak 17.04.2013 14:13

для подобных вещей мне более по душе extjs))

wUI 18.04.2013 06:41

skrudjmakdak,
Была как-то задача в создании графических отчетов для одной системы. Обратил внимание на ExtJs, в то время очень модная была и набирала обороты, но после тестов с много-тысячными значениями пришлось отказаться в пользу Highcharts.
Хотя если делать "сборную солянку", то можно и для ExtJS найти применение, т.к. библиотека очень богатая.
P.S. Кстати выводил 500 000 строк в DataTables, значения добавлял не одним массивом, а массивами по 50 000 и плагин отлично отрабатывал.=)


Часовой пояс GMT +3, время: 20:54.