Есть ли в любом случае разделить таблицу пополам с помощью CSS и отобразить две части рядом.
Например, возьмите это:
| row1 | row1 | row1 |
| row2 | row2 | row2 |
| row3 | row3 | row3 |
| row4 | row4 | row4 |
| row5 | row5 | row5 |
И сделать это:
| row1 | row1 | row1 | | row4 | row4 | row4 |
| row2 | row2 | row2 | | row5 | row5 | row5 |
| row3 | row3 | row3 |
Я могу изменить HTML-разметку (например, пометить "ломающуюся" строку пользовательским классом), но я должен иметь возможность решить, будет ли таблица разбиваться или нет с помощью CSS.
Я знаю, что мог бы использовать две таблицы и использовать display:inline-table
, но я должен использовать только одну таблицу, потому что мне нужна постоянная ширина столбца (таблица должна иметь автоматическое расположение).