Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Непростая задачка с таблицей (https://javascript.ru/forum/dom-window/5646-neprostaya-zadachka-s-tablicejj.html)

GreatRash 28.10.2009 14:14

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

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

Вот такая вот загогулина... Есть у кого какие идеи как это все можно реализовать?


Часовой пояс GMT +3, время: 23:14.