Question

使用jQuery DataTables，我有一个包含4列的简单表。列1（ID），3（谁）和4（状态）是以px为单位的固定宽度。

    $('#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演示。

只要为任何列设置宽度，就会停止这种情况。

对此有何想法/解决方案？感谢

Answer 1

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>';
                }
            },

数据表 - 3个固定列，1个响应

1 个答案: