在 jQuery 数据表中指定自动列宽

Question

我正在使用数据table。列有自动宽度，我想让它们的宽度变小。我尝试了一些东西，但它没有改变。我的 table 是：

$(document).ready(function () {
    $('#example').dataTable({
        "pagingType": "full_numbers",
            "bSort": true,
            "sDom": 'T<"clear">lfrtip',
            "tableTools": {
            "sSwfPath": "http://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf",
                "aButtons": [
                    "csv",
                    {
                        "sExtends": "pdf",
                        "sButtonText": "Print PDF",
                        "mColumns": "visible"
                    },
                    "xls"
                ]
            },

        },
        "columnDefs": [{
            "width": "5%"
        }]
    });
});

Answer 1

例子

使用 columnDefsDT 将第一列的宽度设置为 20%:

$('#example').dataTable( {
  "columnDefs": [
    { "width": "20%", "targets": 0 }
  ]
} );

使用 columnsDT:

将第一列的宽度设置为 20%

$('#example').dataTable( {
  "columns": [
    { "width": "20%" },
    null,
    null,
    null,
    null
  ]
} );