我正在動態創建一個HTML表格。行數和列數不固定。我正在使用JQuery數據表來擴展我的HTML表。問題是列的寬度,它總是採用自動寬度(我想劃分sScrollX寬度之間的列數)。我怎樣才能設置我的列的寬度? CSS對列寬沒有影響。固定列寬的JQuery DataTable
正如列在下面的圖片中看到的是更廣泛的比預期
我正在動態創建一個HTML表格。行數和列數不固定。我正在使用JQuery數據表來擴展我的HTML表。問題是列的寬度,它總是採用自動寬度(我想劃分sScrollX寬度之間的列數)。我怎樣才能設置我的列的寬度? CSS對列寬沒有影響。固定列寬的JQuery DataTable
正如列在下面的圖片中看到的是更廣泛的比預期
你可以做這樣的事情
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/
你確定「身高」? –
你能舉個例子嗎? –
請參閱附件image.Hope這有助於 –
不要的COLS有一個類? –
我看到列離開頁面,你有寬度100%在桌子上,目前的td有固定的寬度嗎? –
試試這個http://jsfiddle.net/HKW43/ –