Проблема ширины DataTables

Question

Я использую плагин DataTables с jQuery, и я уже осмотрел StackOverflow и нашел этот другой вопрос почти с той же проблемой (за исключением того, что у меня нет вкладок), и я попытался сказать то, что там былоне может заставить это работать.У меня есть этот выпадающий список в таблице, чтобы показать только 50 записей (iDisplayLenth в коде внизу), и когда вы выбираете 100 или более таблицы полностью изменяет размер, и я понятия не имею, почему.Любая помощь или предложение будут оценены.Вот мой HTML-код для создания таблицы:

<table id="content-table-redesign" class="display">

, затем CSS, связанный с ним

#content-table-redesign{border-collapse: separate;width:1241px;margin:0 auto;}
#content-table-redesign th{min-width:45px;color:#2e2e2e;}

и js, который на данный момент представляет собой смесь того, что у меня было изначально, ипредложения, которые я нашел по другой ссылке.Все делается внутри $ document (function () {});

var oTable = $('#content-table-redesign').dataTable({
        "oLanguage": {
            "sLengthMenu": "Display _MENU_ records per page",
            "sZeroRecords": "Nothing found - sorry",
            "sInfo": "Showing _START_ to _END_ of _TOTAL_ records",
            "sInfoEmpty": "Showing 0 to 0 of 0 records",
            "sInfoFiltered": "(filtered from _MAX_ total records)"
        },
        "aaSorting": [[ 0, "asc" ]],
        "bAutoWidth": false,
        "iDisplayLength": 50,
        "aLengthMenu": [10, 20, 30, 50, 100, 500],
        "sPaginationType": "full_numbers",
        "sDom": '<"top"i><"#up"f>rt<"#bottom2"l><"pagin"p><"clear">',
        "aoColumns" : [
            { sWidth: '500px' },
            { sWidth: '1000px' },
            { sWidth: '1200px' },
            { sWidth: '300px' },
            { sWidth: '100px' },
            { sWidth: '120px' },
            { sWidth: '30px' },
            { sWidth: '100px' },
            { sWidth: '120px' }
        ] 
    });

    oTable.fnAdjustColumnSizing();

Я только что понял, что эта ошибка появляется только в IE8 и Chrome 12 +

Answer 1

var oTable = $('#contactsTable').dataTable( {
  "bAutoWidth": false

});

Добавить этот код

Answer 2

Это всего лишь длинный выстрел, но я полагаю, что ваш браузер должен изменить размер окна (потому что с 100 записями в вашей таблице ваш элемент body расширяется и появляется полоса прокрутки), и поэтому oTable.fnAdjustColumnSizing() запускает и изменяет размер вашего окна. колонны. Может, хотите это проверить?

Ссылка API: fnAdjustColumnSizing