固定列宽的JQuery数据表

固定列宽的JQuery数据表,jquery,datatable,fixed-width,dynamic-columns,Jquery,Datatable,Fixed Width,Dynamic Columns,我正在动态创建一个HTML表。行数和列数不是固定的。我正在使用JQuery datatable扩展我的html表。问题是列的宽度,它总是采用自动宽度(我猜将sScrollX宽度除以列数)。如何设置列的宽度?CSS对列宽没有影响 如下图所示,各列的宽度超出预期 你可以这样做 HTML 示例=> 有关窗口调整的更新宽度,请参见=>列是否有类?我看到列离开了页面,表上的宽度是否为100%,当前的td是否有固定宽度?尝试此操作是否确定“高度”?请参见附件。希望这有帮助 <table>

我正在动态创建一个HTML表。行数和列数不是固定的。我正在使用JQuery datatable扩展我的html表。问题是列的宽度,它总是采用自动宽度(我猜将sScrollX宽度除以列数)。如何设置列的宽度?CSS对列宽没有影响

如下图所示,各列的宽度超出预期


你可以这样做

HTML

示例=>


有关窗口调整的更新宽度,请参见=>

列是否有类?我看到列离开了页面,表上的宽度是否为100%,当前的td是否有固定宽度?尝试此操作是否确定“高度”?请参见附件。希望这有帮助
<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>
$(function(){
    winW = $(window).width();       
    firstRow = $('table tr:eq(0) td').length;
    $('table tr td').css({width:winW/firstRow+'px'});
});