Изменение ширины таблицы или колонок при использовании плагина DataTables и resize
 

Как можно управлять шириной таблицы или шириной колонок таблицы,
если используется плагин 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, который позволяет пользователю раздвигать границы столбцов, но при его включении , таблица исчезает совсем.