Заголовок не отображается правильно при использовании данных в меню аккордеона?

Question

В следующем заголовке таблицы изображений не отображается должным образом. jQuery Dtatables отображается в меню аккордеона.

Мой код показан ниже:

$('#'+initId).DataTable({ 
    "responsive": true, 
    "scrollY": "260px", 
    "scrollCollapse": true 
}); 

Answer 1

РЕШЕНИЕ

Вам нужно обрабатывать событие, когда содержимое отображается и вызвать responsive.recalc() и columns().adjust() методы API в обработчик события. Это приведет к пересчету ширины столбцов после изменения отображения.

$('#'+initId).DataTable() 
    .columns.adjust() 
    .responsive.recalc(); 

responsive.recalc() См и columns().adjust() методы API для получения дополнительной информации.

DEMO

См this jsFiddle для кода и демонстрации.

ССЫЛКИ

jQuery DataTables – Column width issues with Bootstrap tabs См для решения наиболее распространенных проблем, с JQuery DataTables и Bootstrap Tabs.

Answer 2

его работы хорошо для меня :)

function tableInitialize(initId){ 
    table = $('#'+initId).DataTable({ 
     "responsive": true, 
     "scrollY": "260px", 
     "scrollCollapse": true, 
     "scrollX": true, 
     "responsive":true 
    }); 
    $('#div').click(function(){ 
    table.columns.adjust() 
     //.responsive.recalc(); 
    });}