如何動態更改表頭？

我想根據突出顯示的行數據動態更改表格的標題。就像我們假設用戶在第一列中選擇USA一樣，那麼另一個列頭應該改變爲美國境內的州。所有國家及其相應的狀態是在關鍵陣列和基於所選國家標題和列數必須改變像如何動態更改表頭？

<tr> 
    <th>Alabama</th> 
    <th>Alaska</th> 
</tr>

這個標題應該怎麼當看美國在第一行第一列被選中。

<tr id="1"><td>USA</td></tr>

當行2 = UK 標題應該是「莫伊爾」，「大倫敦」等等......

我怎麼能這樣做？？？

來源

2012-11-09 user1422892

分享你的代碼，你做了這個。 – Jai

我假設你想讓用戶點擊表格數據單元格來突出顯示？
因爲那可能很容易。你給每個TD您在jQuery的重新查詢類似的屬性：

$('td').click(function(){ 
    $country = $(this).attr('country'); 
    $(this).addClass("highlight"); 
    $('tr.states').empty; 
    for each item in $myarrayStates['$country']{ 
    $('tr.states').append("<td>"&$myarrayStates&"</td>") 
    }});

而HTML看起來像

<tr class="countries"> 
    <td country="USA">USA</td> 
    <td country="UK">Great Britain</td> 
    <td country="DE">Germany</td> 
</tr> 
<tr class="states"> 
    <td state="Alabama">Alabama</td> 
</tr>

那麼唯一剩下的就是要確保有足夠的空間tablerows，但我把它留給你對不起，如果我錯過了這一點，但我不太確定你想要它看起來像什麼:(

來源

2012-11-09 08:52:34 Vogel612

如何動態更改表頭？

回答

相關問題