Строки HTML-таблицы - Как сделать уникальную ячейку шириной 100%? (с объяснением снимка экрана)

Вот моя проблема: у меня есть таблица HTML, которая выглядит так:

HTML Table

Я хочу, чтобы под ней была дополнительная строка таблицы, за исключением того, что эта строка занимает всю ширину таблицы - но с только одна ячейка . Я быстро смоделировал пример:

table

Как видите, я добавил еще одну строку таблицы под ней с единственной ячейкой внутри, содержащей текст. Однако я хочу, чтобы эта ячейка занимала 100% ширины всей таблицы - она ​​не должна изменять размер столбца «Имя».

Возможно ли такое? Я с удовольствием использую jQuery или Javascript, если это необходимо - кроме того, это не должно работать в IE, поскольку каждый пользователь использует Chrome (хотя это было бы преимуществом).

41
задан Brian Tompsett - 汤莱恩 16 January 2019 в 21:56
поделиться