2014-02-20 207 views
1

我正在動態創建一個HTML表格。行數和列數不固定。我正在使用JQuery數據表來擴展我的HTML表。問題是列的寬度,它總是採用自動寬度(我想劃分sScrollX寬度之間的列數)。我怎樣才能設置我的列的寬度? CSS對列寬沒有影響。固定列寬的JQuery DataTable

正如列在下面的圖片中看到的是更廣泛的比預期

enter image description here

+0

不要的COLS有一個類? –

+0

我看到列離開頁面,你有寬度100%在桌子上,目前的td有固定的寬度嗎? –

+0

試試這個http://jsfiddle.net/HKW43/ –

回答

0

你可以做這樣的事情

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/

+0

你確定「身高」? –

+0

你能舉個例子嗎? –

+0

請參閱附件image.Hope這有助於 –