javascript - DataTables - 如何让 columnDefs 宽度工作？

Question

我正在使用 DataTables 无法让 ColumnDefs 宽度适用于指定的列。我想设置第 2 列的宽度。

我还想删除固定列下的滚动条。

我的html是：

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div id='loader'><img src="images/spinner.gif"/></div><!-- loading spinner -->
    <!-- table data will be placed in here -->
    <table class="table table-hover table-striped table-bordered display wrap" id="oasDetailsTable">
    </table>
</div>

我的js是：

oasDetailsTable = $('#oasDetailsTable').DataTable( {
    info:           false,
    fixedHeader:    true,
    scrollY:        "500px",
    scrollX:        "100%",
    scrollCollapse: true,
    paging:         false,
    fixedColumns:   {leftColumns: 2},
    pageLength:     30,
    dom:            'Bfrtip',
    buttons: [
              {
                  extend: 'copy',
              },
              {
                  extend: 'csv',
              },
              {
                  extend: 'excel',
              },
              {
                  extend: 'pdf',
                  orientation: 'landscape',
                  pageSize: 'A3',
              },
              {
                  extend: 'print',
              },
          ],
    data:           responseJson1a,
    columns:        varColumns,
    
    columnDefs: [ { 'width': '210px', 'targets': [1]} ],
} );
oasDetailsTable.columns.adjust().draw();

这是resilt：

标签： javascripthtmldatatables