Сделать DataTable шире

Question

Я хочу расширить эту таблицу, потому что я думаю, что эта таблица слишком узкая.Это фактический скриншот изображения.

, и это мой код:

$('#month-auto-depo').DataTable({
      "columns" : [
        {"width": "30%"},
        {"width": null}
      ],
      "searching": false,
      "paging"   : false,
      "ordering" : false,
      dom        : 'Bfrtip',
      buttons    : [
        'csv', 'excel',
      ],
      "scrollX"  : true
});
$('[data-toggle="tooltip"]').tooltip();

Answer 1

DataTable документ (https://datatables.net/examples/basic_init/flexible_width.html) говорит:

Часто вы можете захотеть, чтобы размер таблицы динамически изменялся со страницей. Обычно это делается путем назначения width: 100% в вашем CSS, но это представляет проблему для Javascript, так как может быть очень трудно получить этот относительный размер, а не абсолютные пиксели. Таким образом, если вы примените атрибут width к тегу таблицы HTML или встроенному стилю width (style = "width: 100% "), он будет использоваться в качестве ширины таблицы (отменяя любые стили CSS).

Таким образом, вы должны установить контейнер, содержащий таблицу данных с вашим width и набором таблицы данных встроенный стиль style="width:100%", например

<table id="example" class="display" style="width:100%">

Достаточно умно (гибко) изменять размер таблицы при изменении окна

Пример с шириной контейнера 80%:

div.container {
        width: 80%;
    }

Answer 2

Установите Width:100% или все, что вы хотите в теге таблицы.

<table class="datatable table" style="width:100%">