2013-12-20 122 views
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> 

我目前有如下所示。當您選擇額外的行時,顯示的行數與原始表的列數相同。這可以在紅色突出顯示。

我想的是讓更多的列在展開行作爲可以在黃色的亮點例子可以看出...

Example 任何想法,我怎麼能做到這一點?在展開的行包括表文本字段,下拉列表等。

感謝

回答