У мене є таблиця з кількома групами стовпців. Таблиця більша за мою сторінку, тому у мене є елемент керування, який показує / приховує деякі з цих груп, щоб вони вмістилися на сторінці. Початкова таблиця виглядає добре: усі стовпці мають приблизно однакову ширину в межах групи. Але коли я приховую групу, стовпці вже не однакової ширини, і це виглядає погано.
Приклад: http://www.reviews-web-hosting.com/companies/apollohosting.html (недіюче посилання)
Поки що стіл виглядає нормально. Клацніть на >>. Перший стовпець у розділі "Електронна комерція Pro" набагато ширший, ніж інші стовпці у розділі "Електронна комерція Про", це виглядає дивно. Клацніть на <<, цього разу перший стовпець у розділі «Значення» занадто широкий. Принаймні у Firefox.
Я намагався використовувати
<colgroup><col /><col span="5" />...
але не везе. Якщо я встановив col для style = "display: none", набір стовпців все одно відображається.
Будь-яка порада HTML / CSS, щоб зберегти стовпці однакової ширини в межах групи?
Редагувати:
- щоб приховати стовпець, я повинен скористатися видимістю: згорнути
- здається, зараз він добре змінює розмір, не знаю чому