數據表 - 最後一列固定寬度

Question

的想法是這樣的：

我有一個加載數據表一個jQuery的，我知道我可以設置「aoColumns」：「sWidth」參數，使一列固定的寬度和它正在工作。

我的問題是我有很多表，可變數量的列，而且我需要最後一個是固定大小，無論該列的數量是多少。有時可以是第三，有時可以是第八，有時可以是第十六，沒關係。

甚至有可能嗎？

不，我不想調用每個表的數據表jquery，不，我不想修改結構中的任何東西，因爲它現在工作得很好，也許只是給JavaScript添加一些類或參數。

Answer 1

結構化你的表是這樣的：

<table class="tableClass"> 
    <colgroup> 
    <col></col> 
    <col></col> 
    <col></col> 
</colgroup> 
<thead> 
    <tr> 
     <th>Column 1</th> 
      <th>Column 2</th> 
      <th>Column 3</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>Cell 1</td> 
     <td>Cell 2</td> 
      <td>Cell 3</td> 
    </tr> 
</tbody>  
</table> 

這樣，你的jQuery將只需要做到這一點：

$('.tableClass').each(function() { 
    var self = this; 
$(self).find('col:last').css('background-color', 'red'); 
}); 

這jQuery將找到的最後一列中各表與類，並在每個人的最後一堂課上做任何你想做的事情。 （我只是使用背景顏色來測試它。）

如果你只是在設置寬度，你可能能夠脫身做$(self).find('th:last')，但<colgroup>和<col>是「正確的「要走的路。