Это классическая проблема - когда у вас есть пустая ячейка таблицы, браузер не создает границы вокруг нее. Существует также два известных метода обхода. Один заключается в размещении
в ячейке таблицы; другой должен использовать свойство empty-cells:show
CSS.
К сожалению, у обоих есть свои недостатки.
является отвратительным, когда дело доходит до выбора текста и копирования его. Вы получаете много мест, где их не должно быть, возможно, даже с экзотическим символом Юникода. empty-cells:show
должен решить именно эту проблему, но, к сожалению, он работает только в IE, начиная с версии 8 (а затем только в стандартном режиме). Его можно заставить работать в других версиях, указав border-collapse: collapse
, но иногда это то, что НЕОБХОДИМО. В моем случае у меня довольно сложная таблица, и она полагается на border-collapse:separate
и в противном случае создала бы довольно грязный суп CSS/HTML.
Итак, что же другие вещи, которые вы могли бы поместить в ячейку таблицы, которые сделают IE, нарисовать границы, но не быть видимыми или скопированными? Для всех других браузеров empty-cells:show
уже выполняет трюк, поэтому мне просто нужно обмануть IE.