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/