Datatables: vô hiệu hóa kích thước cột sau khi lọc

Question

Tôi đang sử dụng datatables và tôi cư bảng với dữ liệu bằng cách sử dụng javascript. Nó hoạt động tốt nhưng tôi muốn ngăn chặn các datables thay đổi kích thước chiều rộng cột của bảng sau khi lọc. Tôi đã thử một số giải pháp tìm thấy trên web nhưng nó dường như không giải quyết được vấn đề.

HTML của tôi là:

<table class="table table-striped table-bordered table-hover" id="id-table" width="100%"></table> 

tôi nhanh chóng bàn như:

var table = $('#id-table').DataTable(
     { 
      paging:  false, 
      ordering: false, 
      info:  false, 
      "bAutoWidth": false, // Disable the auto width calculation : false, 
      columns: columns, 
      data : assignments, 
      sScrollX: "100%", 
      // aoColumns : aoColumns 
    //   aoColumns : [ 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" } 
    // ] 

      // aoColumns: aoColumns 
      // columnDefs : cdefs 
     } 
    ); 

nơi dữ liệu là một mảng với các dữ liệu và các cột là một mảng của các đối tượng như:

bSearchable false 
sTitle "Column Title" 
sWidth "100px" 
title "Column Title" 
mRender function(data, type, full, meta) 
render function(data, type, full, meta) 

Tôi đã thử đặt chiều rộng ở cả hai "cột" trực tiếp và sử dụng tùy chọn "aoColumns" (đã nhận xét trong đoạn mã trên). Trong cả hai trường hợp, chiều rộng cột vẫn được thay đổi kích thước sau khi lọc. Bất kỳ ý tưởng về cách tôi có thể tắt tính năng tự động thay đổi kích thước này?

Answer 1

Trong html tag bảng thiết lập phong cách của bạn table-layout-'fixed' và vượt qua bAutoWidth = false chức năng DataTable