具有固定列宽的 JQuery DataTable

【问题标题】：JQuery DataTable with Fixed Column Width具有固定列宽的 JQuery DataTable
【发布时间】：2014-02-20 14:50:03
【问题描述】：

我正在动态创建一个 HTML 表格。行数和列数不固定。我正在使用 JQuery 数据表来扩展我的 html 表。问题是列的宽度，它总是采用自动宽度（我想将 sScrollX 宽度除以列数）。如何设置列的宽度？ CSS 对列宽没有影响。

如下图所示，列比预期的要宽

【问题讨论】：

校队有课吗？
我看到列离开页面了，你的表格有 100% 的宽度吗？当前的 td 有固定的宽度吗？
试试这个jsfiddle.net/HKW43

标签： jquery datatable fixed-width dynamic-columns

【解决方案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/

【讨论】：

你确定“身高”吗？？
请看附图。希望对您有帮助