Горизонтальная полоса прокрутки не отображается в jquery datatable

Question

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

jQuery(document).ready(function(){ 
    var oTable = jQuery('#example').dataTable({ 
    "bPaginate": false, 
    "bFilter": false, 
    "bInfo": false, 
    'bSortable': false, 
    "aaSorting": [], 
    "bAutoWidth": false, 
    "sScrollY": "300", 
    "sScrollX": "50%", 
    "sScrollXInner": "100%", 
    "bScrollCollapse": true 
    }); 
    new FixedColumns(oTable); 
}); 

Изменение sScrollX ничего не меняет. Изменение sScrollXInner искажает таблицу.

Ниже приведен HTML код таблицы, которая находится в DIV:

<div id="demo"> 
    <table id="example" class="display" border="0" width="500px" cellspacing="0" 
    cellpadding="10" align="center" style="border: solid 1px #dedfe1;"> 

Мое требование, чтобы иметь фиксированный заголовок таблицы и фиксированный самый левый столбец. Вот почему я использую jquery datatable. Заголовок таблицы фиксирован, а вертикальная прокрутка работает нормально. Горизонтальная прокрутка не появляется.

Может ли кто-нибудь помочь?

Thanx

Answer 1

Я не уверен, что это будет помогать вам в этом situation.Just дикое подумал, почему бы вам не попробовать добавлять Переполнение-х CSS свойство: прокручивать