jquery – 自动调整列宽数据表的大小

数据表列不会自动调整大小.这是我的代码

var oTable =$('#test').dataTable( {
        "bJQueryUI": true,"aaData": aDataSet,"sPaginationType": "full_numbers","oTabletools": {
        "aButtons": [ {"sExtends": "csv","sButtonText": "Save as CSV"}],"sSwfPath": "js/jquery/copy_csv_xls.swf"
    },"bAutoWidth" : true,"sDom": '<"H"lCf>t"H"<"F"iTp>',"aoColumnDefs": [
        { "bVisible": true,"aTargets": [ 11 ] }
    ],"aoColumns": [
        { "sTitle": "column1" },{ "sTitle": "column1" },{ "sTitle": "column1"},{ "sTitle": "column1 By"},{ "sTitle": "column1 Date"}
    ]
    } );
oTable.fnAdjustColumnSizing();
});

我希望所有列都至少根据其标头值自动调整大小.

最佳答案

你就是这样做,如果它是一个“正常”< table> ：

th,td {
    white-space: Nowrap;
}

看fidle – > http://jsfiddle.net/YrWG5/有一些极长的标题/内容.