Как динамически вставить столбец данных в середину таблицы html, которая использует оба диапазона строк и столбцов? ⇐ Jquery

[Anonymous]

У меня есть большая таблица с несколькими интервалами строк и столбцов.
В идеале ее следует переписать с нуля, чтобы не использовать одну большую таблицу, но это не вариант. прямо сейчас.
Добавляя классы в таблицу, когда она сгенерирована с помощью PHP, я могу легко использовать jQuery для удаления всего столбца, не включая верхний и нижний колонтитул, например:

Код: Выделить всё

$(".column3").remove();

Тогда я хотел бы иметь возможность вставить набор ячеек для замены удаленных ячеек. Замененный набор ячеек, скорее всего, будет иметь несколько интервалов строк, но не будет иметь интервалов столбцов.
У меня есть скрипт PHP, который может создать один столбец в таблице.Я открыт для использования других библиотек.
Я бы предпочел не воссоздавать каждую строку/
Пример таблицы
Это пример структуры данных, реальная таблица намного больше:
https://jsfiddle .net/7xf6ct4b/

Код: Выделить всё

HEADER 1
 
HEADER 1


Sub head Left
Sub head 1
Sub head 2
Sub head 3
Sub head 4
 
Sub head Left
Sub head 1
Sub head 2
Sub head 3
Sub head 4


Left Detail
1st Main Column - Cell 1
2nd Main Column - Cell 1
3rd Main Column - Cell 1
4th Main Column - Cell 1
 
Left Detail
1st Main Column - Cell 1
2nd Main Column - Cell 1
3rd Main Column - Cell 1
4th Main Column - Cell 1


Left Detail
 
Left Detail



Left Detail
 
Left Detail


Left Detail
 
Left Detail


Left Detail
1st Main Column - Cell 2
4th Main Column - Cell 2
 
Left Detail
1st Main Column - Cell 2
4th Main Column - Cell 2



Left Detail
 
Left Detail


Left Detail
3rd Main Column - Cell 2
 
Left Detail
3rd Main Column - Cell 2


Left Detail
 
Left Detail


Left Detail
1st Main Column - Cell 3
 
Left Detail
1st Main Column - Cell 3


Left Detail
 
Left Detail


Left Detail
 
Left Detail


Left Detail
4th Main Column - Cell 3
 
Left Detail
4th Main Column - Cell 3


Left Detail
3rd Main Column - Cell 3
 
Left Detail
3rd Main Column - Cell 3


Left Detail
1st Main Column - Cell 4
 
Left Detail
1st Main Column - Cell 4


Left Detail
1st Main Column - Cell 5
 
Left Detail
1st Main Column - Cell 5


FOOTER
 
FOOTER

Лучшее, что я мог найти для решения, было следующего вида:

Код: Выделить всё

$('#table > tbody > tr').eq(i-1).after(html)

Однако благодаря диапазонам строк вам необходимо внимательно отслеживать, что и где находится в таблице, чтобы понять, в какое место строки следует вставить ячейку, чтобы она отображалась в правильном столбце/
Я просмотрел таблицы данных, но не уверен, смогут ли они обеспечить ту функциональность, которую я хочу сейчас; вопрос в прошлом прояснил, что тогда не мог.

Подробнее здесь: https://stackoverflow.com/questions/786 ... -table-whi