|
Непростая задачка с таблицей
Нобходимо сделать таблицу данных. Если в ячейке находится длинный текст, то он должен отрезаться, а по наведению на ячейку должен показываться хинт с полным текстом. Таблица - резина.
Как я решаю эту проблему: я создаю таблицу с table-layout: fixed; и в каждой ячейке создаю див с white-space: nowrap;, тогда у меня текст начинает отрезаться. Сделать хинт тоже не проблема. А основная проблема в том, что из-за table-layout: fixed; все ячейки становятся одинакового размера, что не приемлемо. Плюс начинают отрезаться заголовки у таблицы, что тоже делать нельзя.
В итоге, нужно при уменьшении окна пропорционально уменьшать таблицу, но колонка не должна быть шириной меньше чем содержимое тега <th>. Плюс если в колонке находятся данные, состоящие из одной буквы (например "Д"/"Н"), то колонка должна быть по возможности соответствующей ширины. Соответственно если в колонке данные объемом с "Войну и Мир", то она должна доминировать в таблице. Ну и до кучи, в первой колонке находятся чекбоксы, по этому ее ширина должна всегда оставаться фиксированной, чтобы чекбокс не уехал за край.
Вот такая вот загогулина... Есть у кого какие идеи как это все можно реализовать?
|
