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

前端之家收集整理的这篇文章主要介绍了jquery – 自动调整列宽数据表的大小前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

最佳答案
你就是这样做,如果它是一个“正常”< table> :

  1. th,td {
  2. white-space: nowrap;
  3. }

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

猜你在找的jQuery相关文章