DataTablesでフィルタをした際に、フィルタ後の件数が数件しかない場合、テーブルの高さは固定されたままなので、ちょっと変な表示になってしまう。
これに対するオプションは用意されていて、scrollCollapseをtrueに設定すれば、件数に応じてテーブルの高さもそれにフィットするように変わってくれる。
1 2 3 4 5 6 |
$('#data-table').DataTable({ //高さを400pxに固定。 'scrollY': '400px', //フィルタ後の件数に応じて高さを調節するように。 'scrollCollapse': true, }); |
コメント