2014-09-09 8 views
1

Вот моя функция:Полоса прокрутки с DataTables

$("#Buyer").live('change', function(){ 
    var empkey = $("#Buyer").val(); 
    if (empkey > 0) { 
     callPreloader({ 
      target: '#T1', 
      message: 'Loading results.', 
      url: '/xxx', 
      method: 'get', 
      data: {Buyer:empkey}, 
      callback: function(){ 
       $('.datatable').dataTable({ 
        "bJQueryUI": true, 
        "bPaginate": false, 
        "scrollY": "800px", 
        "scrollCollapse": true, 
        "paging": false 
        }); 
      } 
     }) 
    } 
}); 

Я пытаюсь получить что-то вроде полосы прокрутки по этой ссылке: http://datatables.net/examples/basic_init/scroll_y.html

Когда я обновить У меня нет полосы прокрутки. Он просто выглядит так, как раньше, перед добавлением scrollY, scrollCollapse и пейджинга. Есть идеи?

ответ

1

Вот код, который закончился для меня работой:

callback: function(){ 
       $('.datatable').dataTable({ 
        "bJQueryUI": true, 
        "bPaginate": false, 
        "sScrollY": "530px", 
        "sScrollCollapse": true, 
        "sPaging": false 
        }); 
0

Попробуйте использовать пользовательский стиль для собственных Как это:

дать таблицу тегов класс

<table class='scrollable'> 
<tr></tr> 
....... 
...... 
</table> 

и дать таблицу фиксированной «высота» в файле CSS:

.scrollable{ 
    height: 200px; 
    overflow-x: scroll 
} 

попробуйте его и сообщите мне, если это сработает :)

+0

Я пробовал что-то подобное, и ему не повезло. – user2456259

+0

Когда я проверяю элемент в показывает высоту 200 px, но фактическая таблица не короче. – user2456259

Смежные вопросы