Как можно управлять шириной таблицы или шириной колонок таблицы,
если используется плагин
DataTables со своими стилями
Вот мои настройки.
var table = $(selectorTable).DataTable({
paging: true,
"ordering": true,
"bRetrieve": true, //могут ли опции быть изменены после инициализации. true - не могут, false - могут
"bPaginate": false,
"bInfo": true,
bAutoWidth: true,
// "sDom": '<fi><"#clear"><t><prl>',
"oLanguage": options.messageForPluginDataTables,
scrollResize: true,
scrollCollapse: true,
columnDefs: [
{ visible: false, targets: 1 }
]
});
<link rel="stylesheet" type="text/css" href="/resources/css/datatables.min.css"/>
<link rel="stylesheet" type="text/css" href="/resources/css/style.css"/>
<link rel="stylesheet" type="text/css" href="/resources/css/DataTables-1.10.18/images/"/>
<script type="text/javascript" src="/resources/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="/resources/js/jquery/jquery-ui.js"></script>
<script type="text/javascript" src="/resources/js/jquery/datatables.min.js"></script>
<script type="text/javascript" src="/resources/js/jquery/dataTables.scrollResize.js"></script>
Эти настройки на большом экране лишь позовляют табилицу из 15 колонок вместить на экран, но не более того.
scroll настраивать в параметрах не могу, так как плывет шапка.
есть еще такой плагин, как dataTables.scrollResize.js, который позволяет пользователю раздвигать границы столбцов, но при его включении , таблица исчезает совсем.
