Получение новых видимых данных таблицы без изменения ширины столбца

Question

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

Как настроить размер столбца таким образом, чтобы он не изменял свой размер без настройки макета таблицы: исправлено или задана ширина.

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

Есть ли способ разрешить таблице определять ширину в соответствии с самым длинным столбцом любой строки, а затем запрещать изменение размера при зависании.

Я использую css hover, чтобы скрыть свое шоу, если это актуально. Спасибо.

Answer 1

Почему бы вам просто не изменить атрибут непрозрачности при наведении курсора, а не атрибут display? Таким образом, чтобы раскрыть содержимое, нужно изменить непрозрачность с 0 до 1, а скрыть ее с 1 до 0.

Answer 2

Скрыть содержимое, используя div или span, который «покрывает» столбец, вместо того, чтобы скрывать сам фактический контент.