Как я могу эмулировать «<ПРАВИЛА ТАБЛИЦЫ> ”С помощью CSS?

Я пишу веб-приложение с использованием ExtJS . Я помещаю таблицу внутрь таблицы, и по разным причинам невозможно преобразовать ее все в одну большую таблицу с помощью rowspan / colspan и т. Д.

«Внешняя» таблица имеет границы вокруг своих ячеек. Я бы хотел, чтобы моя «внутренняя» таблица имела границы между ее ячейками, чтобы я получил эффект «разделения» существующей («внешней») ячейки.

Если она что-то делает. яснее, это то, для чего я снимаю, так как (плохое) ascii art:

-----------------
|               |
|     |   |     |
|  -----------  |
|     |   |     |
|  -----------  |
|     |   |     |
|               |
-----------------

("Внутренний" стол выглядит как сетка в крестики-нолики; ячейка "внешней" таблицы имеет сплошную границу)

Я огляделся и нашел атрибут

с именем RULES , который звучит так, будто он делает именно это. Однако он, похоже, плохо поддерживается, и в любом случае я не должен добавлять стиль в разметку (верно?). В документации, которую я нашел, говорится «используйте вместо этого CSS», но я не могу найти простой способ сказать «поставить границу между ячейками, но не если край ячейки касается внешней стороны таблицы» в CSS. . Помощь?

поделиться