DataTables с источником Ajax и параметром инициализации aaData - ширина столбцов, различающихся после первоначального вызова

Question

Как видно из заголовка, я использую Ajax-вызов для получения новых данных для моих таблиц и использую параметр инициализации aaData.Все вызовы работают правильно и заполняют таблицы правильными данными.Проблема, которая у меня есть, заключается в том, что, хотя первая таблица нарисована правильно, все последующие вызовы не автоматически изменяют ширину столбцов для заполнения всей ширины таблицы - вместо этого столбцы имеют такую ​​же ширину, что и их данные.

Я вызываю DataTables примерно так:

$(document).ready(function(){
    $('#applyFilter').click(function(){
        //set up vars for ajax options and aoColumns
        $.get('myAjaxsource', options, function(response){
            $('#grid-container').dataTable({
                'aaData': response.AADATA,
                "aoColumns": aoColumns,
                "bJQueryUI": true,
                "bDestroy": true
            });   
        });
    });
}

Примечание: объект aoColumns не включает явную ширину.Я также попытался вызвать fnAdjustColumnSizing () для объекта DataTables, но это приводит к тому, что все таблицы, включая первый вызов, имеют небольшую ширину.Также я попытался удалить параметр bJQueryUI.

Первая сгенерированная таблица имеет вычисленную ширину 1262 пикселей.Похоже, что таблица имеет атрибут style = "width: 100px", вставленный после второго вызова, с вычисленной шириной 322px.

Answer 1

Оказывается, что, хотя я устанавливал встроенный стиль "width: 100%", второй вызов уничтожил его и добавил свой собственный атрибут "style = 'width: 100ox'". Помещение стиля в таблицу стилей и его маркировка! Важные исправленные вещи.