Блог

Я использую таблицы данных и не могу заставить ширину столбцов работать для указанного столбца. Я хотел бы установить ширину столбца 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();
 

Это и есть резильт: