Datatables - 3個固定列，1個響應

使用jQuery DataTables，我有一個簡單的4列表。列1（ID），3（誰）和4（狀態）是固定的寬度（以像素爲單位）。Datatables - 3個固定列，1個響應

$('#tdt').dataTable({ 
     "aaData" : tdl, 
     "aoColumns" : [ 
     { "sTitle" : "ID" , "sWidth" : "60px"}, 
     { "sTitle" : "What"}, 
     { "sTitle" : "Who", "sWidth" : "80px" }, 
     { "sTitle" : "Status", "sWidth" : "150px" } 
     ], 
    });

我想第2列填充容器的剩餘寬度，並做出響應。所以，如果屏幕尺寸較小，第1,3和4列保持其固定寬度，但第2列可變得更薄以補償。

現在，如果我沒有爲任何列設置寬度，dataTables會自動對所有4列進行響應，並且（只要表格和容器的寬度=「100％」，則整個事情是響應。

http://datatables.net/release-datatables/examples/basic_init/flexible_width.html演示。

只要你設置一個寬度爲任何列，這不再是這種情況。

的任何想法/解決方案嗎？謝謝

來源

2014-03-07 leshank

很難得到一些想法，沒有任何類型的示例或代碼展示你的意思:)我的意思是，很難想像一個像「_ ..」這樣的句子，看起來很奇怪，因爲ID列中只有一個數字非常wide_「:) – davidkonrad

也許使用代碼斌，如[jsFiddle]（http://jsfiddle.net/）創建一個示例測試用例？ – Moob

編輯希望解釋更好。 – leshank

1列固定，3列resonsive ...

"aoColumns": [ 
      { "mData": "No"}, 
      { "mData": "Type_Document" }, 
      { "mData": "Buy_From_Customer_No" }, 
      { 
       mData: "Buy_From_Customer_Name", 
       "bSearchable": true, 
       "bSortable": true, 
       mRender: function (data, type, row) { 
        return '<div style="width:200px;">' + data + '</div>'; 
       } 
      },

來源

2015-07-10 12:23:54 RonRon

-1

我有同樣的問題，我不能用JavaScript解決這個問題。但我只是將autowidth參數設置爲false，並在css中手動設置列寬。

來源

2016-04-12 08:17:30

Datatables - 3個固定列，1個響應

回答

相關問題