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

前端之家收集整理的这篇文章主要介绍了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/有一些极长的标题/内容.

猜你在找的jQuery相关文章