Question

我正在使用JExpand并允许我在表中扩展其他行。我希望这些可扩展行包含与原始表相比的其他列。

我正在使用的表的代码是：示例小提琴： 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

知道我怎么能这样做吗？可扩展行可以包括表格文本字段，下拉列表等。

Answer 1

当我遇到类似要求时，我使用colspan和rowspan

JQuery扩展表 - 添加其他列

1 个答案: