jquery - 固定列幅の JQuery DataTable

Question

HTML テーブルを動的に作成しています。行数と列数は固定されていません。JQuery データテーブルを使用して HTML テーブルを拡張しています。問題は列の幅です。常に自動幅を使用します (sScrollX の幅を列数で割ると思います)。列の幅を設定するにはどうすればよいですか? CSS は列幅に影響しません。

下の画像に見られるように、列は予想よりも幅が広い

Answer 1

あなたはこのようなことをすることができます

HTML

<table>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>   
</table>

jQuery:

$(function(){
    winW = $(window).width();       
    firstRow = $('table tr:eq(0) td').length;
    $('table tr td').css({width:winW/firstRow+'px'});
});

例 => http://jsfiddle.net/HKW43/

ウィンドウのサイズ変更時の幅の更新については、=> http://jsfiddle.net/HKW43/2/を参照してください。