Показать несуществующие ячейки таблицы

Question

Проблема: каждая ячейка таблицы в моей таблице из двух столбцов должна иметь ширину 50%, но обычные правила ячеек не применяются, когда таблица состоит из одной ячейки, она принимает значение 100%, поскольку таблица равна 100%. Мой CSS выглядит так:

.mytable{ width: 100%; }
.mytable tr td { width: 50%; }

Я попробовал каждую комбинацию CSS, о которой только мог подумать, и получил нада. Я отказался от CSS для этого.

Теперь я хотел бы заставить мою таблицу отображать две ячейки, даже если в разметке существует только одна ячейка. Я пытаюсь сделать это с <colgroup> <col span="2"> </colgroup>, но, похоже, тоже не работает.

Вопрос: Как я могу заставить мою таблицу отображать две ячейки таблицы, когда существует только одна?

JS Fiddle: http://jsfiddle.net/uryvmz57/

Answer 1

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

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