Проблема с прокруткой в ​​JQuery DataTable

Я не уверен, повторяю ли я вопрос, если да, руководство в нужном месте:)

Я использую таблицу данных и пытаюсь выполнить горизонтальную прокрутку и нашел эту ссылку

http://www.datatables.net/examples/basic_init/scroll_x.html

Я использовал эти свойства в своем коде таблицы данных, и у меня проблемы с интерфейсом.

Мои данные получили горизонтальную полосу прокрутки, но мои столбцы не расширялись и не работали так, как ожидалось. Я получил дополнительный пустой столбец ниже моего обычного столбца.

В основном мой интерфейс изменен. я видел старую дискуссию на том же!

Фиксированные заголовки DataTables смещены с колонками в широких таблицах

Являются ли эти проблемы исправлены любые решения?

================================

Добавление примерного кода

$("#results").dataTable({
    "aaData": [
        //My data
    ],
    "aoColumns": [
        //My Columns
    ],
    "bPaginate": true,
    "bSort": true,
    "bFilter": false,
    "bJQueryUI": false,
    "bProcessing": true,
    "sScrollX": "100%",
    "sScrollXInner": "110%",
    "bScrollCollapse": true
});

Ответ 1

У меня была аналогичная проблема, но она была решена по-другому.

Я изменил параметр sDom, чтобы обернуть таблицу дополнительным div:

sDom: 'r<"H"lf><"datatable-scroll"t><"F"ip>',

Затем я применил следующие стили к классу .datatable-scroll:

/**
 * Makes the table have horizontal scroll bar if its too wide for its container
 */
.datatable-scroll {
    overflow-x: auto;
    overflow-y: visible;
}

http://datatables.net/usage/options#sDom