具有固定列宽的JQuery DataTable

Question

我正在动态创建HTML表格。行数和列数不固定。我正在使用JQuery数据表来扩展我的html table.Problem是列的宽度，它总是采用自动宽度（我想将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'});
});

示例=＆gt; http://jsfiddle.net/HKW43/

对于窗口调整大小的更新宽度，请参阅=＆gt; http://jsfiddle.net/HKW43/2/