Нобходимо сделать таблицу данных. Если в ячейке находится длинный текст, то он должен отрезаться, а по наведению на ячейку должен показываться хинт с полным текстом. Таблица - резина.
Как я решаю эту проблему: я создаю таблицу с table-layout: fixed; и в каждой ячейке создаю див с white-space: nowrap;, тогда у меня текст начинает отрезаться. Сделать хинт тоже не проблема. А основная проблема в том, что из-за table-layout: fixed; все ячейки становятся одинакового размера, что не приемлемо. Плюс начинают отрезаться заголовки у таблицы, что тоже делать нельзя.
В итоге, нужно при уменьшении окна пропорционально уменьшать таблицу, но колонка не должна быть шириной меньше чем содержимое тега <th>. Плюс если в колонке находятся данные, состоящие из одной буквы (например "Д"/"Н"), то колонка должна быть по возможности соответствующей ширины. Соответственно если в колонке данные объемом с "Войну и Мир", то она должна доминировать в таблице. Ну и до кучи, в первой колонке находятся чекбоксы, по этому ее ширина должна всегда оставаться фиксированной, чтобы чекбокс не уехал за край.
Вот такая вот загогулина... Есть у кого какие идеи как это все можно реализовать?
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
Great Rash
Нобходимо сделать таблицу данных. Если в ячейке находится длинный текст, то он должен отрезаться, а по наведению на ячейку должен показываться хинт с полным текстом. Таблица - резина.
Как я решаю эту проблему: я создаю таблицу с table-layout: fixed; и в каждой ячейке создаю див с white-space: nowrap;, тогда у меня текст начинает отрезаться. Сделать хинт тоже не проблема. А основная проблема в том, что из-за table-layout: fixed; все ячейки становятся одинакового размера, что не приемлемо. Плюс начинают отрезаться заголовки у таблицы, что тоже делать нельзя.
В итоге, нужно при уменьшении окна пропорционально уменьшать таблицу, но колонка не должна быть шириной меньше чем содержимое тега <th>. Плюс если в колонке находятся данные, состоящие из одной буквы (например "Д"/"Н"), то колонка должна быть по возможности соответствующей ширины. Соответственно если в колонке данные объемом с "Войну и Мир", то она должна доминировать в таблице. Ну и до кучи, в первой колонке находятся чекбоксы, по этому ее ширина должна всегда оставаться фиксированной, чтобы чекбокс не уехал за край.
Вот такая вот загогулина... Есть у кого какие идеи как это все можно реализовать?
Edited by Great RashLink to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.