使数据表更宽

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

在表格标签上设置Width:100%或所需的任何内容。

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

Answer 2

DataTable文档（https://datatables.net/examples/basic_init/flexible_width.html）说：

  

通常，您可能希望使用   页。通常，这是通过在CSS中分配width：100％来完成的，但是   这给Javascript带来了一个问题，因为它很难   得到那个相对大小而不是绝对像素。这样，如果   您将width属性应用于HTML表格标签或内联宽度   style（style =“ width：100％”），它将用作表格的宽度   （否决所有CSS样式）。

因此，您应该将容器包含数据表设置为width，并将数据表设置为内联样式 style="width:100%"，例如

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

在更改窗口时更改表大小足够聪明（灵活）

容器宽度为80％的示例：

div.container {
        width: 80%;
    }