1
我使用JExpand並允許我擴展表中的其他行。 我希望這些可展開的行包含與原始表相比的其他列。JQuery擴展表 - 添加額外的列
對我使用的表中的代碼是:例小提琴:http://jsfiddle.net/sB5g9/1/
<body>
<table id="results" >
<tr>
<th>Select</th>
<th>Population</th>
<th>Area</th>
<th>Official languages</th>
<th>Other</th>
</tr>
<tr>
<td><select name='mode[]' class='mode' /><option value='0:0'></option><option value='1:0'>View</option><option value='2:0'>Additional</option></select></td>
<td>306,939,000</td>
<td>9,826,630 km2</td>
<td>English</td>
<td>English</td>
</tr>
<tr style="background-color:#FFF"> <!-- hidden -->
<td><b>Additional Settings</b></td>
<td>306,939,000</td>
<td>9,826,630 km2</td>
<td>English</td>
<td>English</td>
</tr> <!-- hidden -->
<tr>
<td><select name='mode[]' class='mode' /><option value='0:0'></option><option value='1:0'>View</option><option value='2:0'>Additional</option></select></td>
<td>306,939,000</td>
<td>9,826,630 km2</td>
<td>English</td>
<td>English</td>
</tr>
<tr style="background-color:#FFF"> <!-- hidden -->
<td><b>Additional Settings</b></td>
<td>306,939,000</td>
<td>9,826,630 km2</td>
<td>English</td>
<td>English</td>
</tr> <!-- hidden -->
<tr>
<td><select name='mode[]' class='mode' /><option value='0:0'></option><option value='1:0'>View</option><option value='2:0'>Additional</option></select></td>
<td>306,939,000</td>
<td>9,826,630 km2</td>
<td>English</td>
<td>English</td>
</tr>
<tr style="background-color:#FFF"> <!-- hidden -->
<td><b>Additional Settings</b></td>
<td>306,939,000</td>
<td>9,826,630 km2</td>
<td>English</td>
<td>English</td>
</tr> <!-- hidden -->
</table>
</body>
我目前有如下所示。當您選擇額外的行時,顯示的行數與原始表的列數相同。這可以在紅色突出顯示。
我想的是讓更多的列在展開行作爲可以在黃色的亮點例子可以看出...
任何想法,我怎麼能做到這一點?在展開的行包括表文本字段,下拉列表等。
感謝