JQuery Expand Table – добавление дополнительных столбцов
Я использую JExpand и позволяю мне расширять дополнительные строки в таблице. Я бы хотел, чтобы эти расширяемые строки включали дополнительные столбцы по сравнению с исходной таблицей.
Код для таблицы, которую я использую: Пример скрипта: http://jsfiddle.net/sB5g9/1/
- Таблица php: отображает 3 ячейки в каждой строке
- Получить значения ячеек таблицы HTML в строках, нажав на них
- jQuery AJAX добавление таблицы tr в конце таблицы
- Таблица JQuery AddRow Плагин добавляет идентификационные номера в добавленные строки
- Преобразование секунд в HH: MM: SS
<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> То, что у меня сейчас, показано ниже. Когда вы выбираете дополнительный, отображается строка, и она имеет такое же количество столбцов, что и исходная таблица. Это можно увидеть в красной подсветке.
Я хотел бы иметь больше столбцов в расширенных строках, как это видно на примере желтого выделения …
Любая идея, как я могу это сделать? расширяемые строки могут включать в себя текстовые поля таблицы, выпадающие списки и т. д.
благодаря
Когда у меня было подобное требование, я использовал colspan и rowspan