Вопросы Теги

Таблицы данных: изменить высоту таблицы не работает

Я использую таблицу JQuery Datatables с bPaginate = false, а sScrollY - это фиксированная высота. В конечном итоге я хочу, чтобы размер таблицы изменился в событии window.resize.

Чтобы это работало, я создал тестовый пример меньшего размера: В следующих фрагментах кода я хочу, чтобы таблица изменялась, когда я нажимаю кнопку

HTML: 









JS Bin


  
  

    
        

            Rendering engine

            Browser
            Platform(s)
            Engine version
            CSS grade
        

    
    
        

            Trident
            Internet
                 Explorer 4.0
            Win 95+
             4
            X

        

        

            Trident
            Internet
                 Explorer 5.0
            Win 95+
            5
            C

        

        

            Trident
            Internet
                 Explorer 5.5
            Win 95+
            5.5
            A

        

    
    
        

            Rendering engine
            Browser
            Platform(s)

            Engine version
            CSS grade

Javascript: 

$('#button').click(function() {
  console.log('Handler for .click() called.');
  table = $('#example').dataTable();
  settings = table.fnSettings();  
  console.log('old:' + settings.oScroll.sY);
  settings.oScroll.sY = '150px';
  console.log('new:' + settings.oScroll.sY);
  table.fnDraw(false);
});
$('#example').dataTable({
  "sScrollY": "350px",
  "bPaginate": false,
  "bJQueryUI": true
});

Вывод в консоль такой, как ожидалось: 

Handler for .click() called.
old:350px
new:150px

но таблица не обновляется! Есть идеи, что я делаю не так?

Живой пример можно найти здесь: http://jsbin.com/anegiw/12/edit

10
задан dwergkees 6 October 2011 в 17:43
поделиться