2012-03-06 488 views
2

私が持っているデータテーブル以下:上記のDataTableのDataTableの列幅を指定する方法は?

$(function() { 
    var dataTableColumns = [ 
     { "sType": "numeric" },  null, null, null, null, null, 
     null, null, null, null, null, { "sType": "date-dayofweek" }, 
     null, null, null, null, null, null, { "sType": "date-dayofweek" }, 
     null, null, null, null, null, 
     null, null, null, null, null, 
     null, null, null, null, 
     null, null, null, null, 
     null, null, null, null, 
     null, { "sType": "date" }, null 
    ]; 

    oTable = $('#example').dataTable({ 
     "bPaginate" : true, 
     "aaSorting": [ [0,'asc'] ], 
     "aoColumns" : dataTableColumns, 
     "oLanguage": { 
      "sLengthMenu": 'Show <select>'+ 
       '<option value="10">10<\/option>'+ 
       '<option value="25">25<\/option>'+ 
       '<option value="50">50<\/option>'+ 
       '<option value="100">100<\/option>'+ 
       '<option value="-1">All<\/option>'+ 
       '<\/select> records' 
     }, 
     "iDisplayLength": -1, 
    }); 
}); 

いくつかの列にテキストデータが含まれていると私はそれらの列の幅オプションを指定します。私は様々なオプションbAutoWidth、sWidth、TD幅、CSSスタイル、fnAdjustColumnSizingを試みたが、何も動作していないようだ..私は何がうまくいかないのか分からない..助けてください!

+0

助けてください..私は今この1週間ほど問題を抱えています。 – user1165952

+0

私はこれを理解しました。表のhtml宣言スタイル(width:4000px)とbAutoWidth:falseに次のオプションを指定します。私はこれを物事を修正するために強引な方法を知っているが、私は他の選択肢がありません。私は本当にdatatableによって設定された列の幅が気に入らなかった。 – user1165952

+1

DataTables v1.10は、これと他の多くの点ではるかに優れています。 http://datatables.net/reference/option/columns.width – SpaceNinja

答えて

4

私はこれを理解しました。表のhtml宣言スタイル(width:4000px)とbAutoWidth:falseに次のオプションを指定します。私はこれを物事を修正するために強引な方法を知っているが、私は他の選択肢がありません。私は本当にdatatableによって設定された列の幅が気に入らなかった。

+0

sWidthは、列の正しい指定子です。これは毎回私のために働いた。 – crafter

0

DataTable 1.10.x以降を使用している場合、正しく動作させるには、autoWidthパラメータをfalseに設定する必要があります。

は、この例を参照してください:

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

注:でもofficial documentationはあなたのことを教えてくれません。

関連する問題