Я не уверен, повторяю ли я вопрос, если да, руководство в нужном месте:)
Я использую таблицу данных и пытаюсь выполнить горизонтальную прокрутку и нашел эту ссылку
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
});
У меня была аналогичная проблема, но она была решена по-другому.
Я изменил параметр 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;
}