ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Недопустить растягивание ширины колонки таблицы по длине текста
9 сообщений из 9, страница 1 из 1
Недопустить растягивание ширины колонки таблицы по длине текста
    #38143650
Теплый квадрат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Теплый квадрат
Гость
Необходимо выводить данные в таблицу, в первой колонке обычно 6 символов, поэтому колонку пытаюсь сделать как можно уже (ставлю <th width="18"), но встречаются длинные значения и без пробелов, в результате ширина колонки растягивается по ширине этих значений. Как не допустить растягивание ? Какие есть варианты ?

В идеале хотелось бы, чтобы отображалась только видимая часть текста и в то же время нужна возможность выделять его целиком и копировать, как в ячейке Excel.
Усроит также перенос на другую строку, но тут наверно придеся пробелы вставлять скриптами, а хотелось бы обойтись без скриптов. Только HTML и CSS.

Пробовал так, эффекта нет.
<th width="18" style="display:inline-block; width:18px; overflow:hidden"
...
Рейтинг: 0 / 0
08.02.2013, 15:51
| Ответить | Цитировать | Написать  
Недопустить растягивание ширины колонки таблицы по длине текста
    #38143700
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Смотрите документацию для CSS свойства table-layout .
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!DOCTYPE HTML>
<html>  
<head>
  <style>
    table {
      table-layout: fixed;
      width: 100%;
    }

    td {
      border: solid 1px #999;
      overflow-x: hidden;
    }
  </style>
</head>  
<body>
  <table>
    <col width="18">
      <tr>
        <td>11</td>
        <td>La-la-la tu-tu-tu</td>
        <td>Tu-tu-tu la-la-la</td>
      </tr>
      <tr>
        <td>22</td>
        <td>La-la-la tu-tu-tu</td>
        <td>Tu-tu-tu la-la-la</td>
      </tr>
      <tr>
        <td>33333333</td>
        <td>La-la-la tu-tu-tu</td>
        <td>Tu-tu-tu la-la-la</td>
      </tr>
      <tr>
        <td>44444444</td>
        <td>La-la-la tu-tu-tu</td>
        <td>Tu-tu-tu la-la-la</td>
      </tr>
  </table>
</body>
</html>
...
Рейтинг: 0 / 0
08.02.2013, 16:04
| Ответить | Цитировать | Написать  
Недопустить растягивание ширины колонки таблицы по длине текста
    #38143771
Теплый квадрат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Теплый квадрат
Гость
благодарю! то, что надо
...
Рейтинг: 0 / 0
08.02.2013, 16:41
| Ответить | Цитировать | Написать  
Недопустить растягивание ширины колонки таблицы по длине текста
    #38144106
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Теплый квадратПробовал так, эффекта нет.
<th width="18" style=" display:inline-block; width:18px; overflow:hidden"
Для ячейки самое то!
...
Рейтинг: 0 / 0
08.02.2013, 21:18
| Ответить | Цитировать | Написать  
Недопустить растягивание ширины колонки таблицы по длине текста
    #38144112
няка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
няка
Гость
krvsa,
...
Рейтинг: 0 / 0
08.02.2013, 21:36
| Ответить | Цитировать | Написать  
Недопустить растягивание ширины колонки таблицы по длине текста
    #38145527
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
В продолжении темы. Подскажите новичку, тут разные браузеры отображают по разному. В Опере, Мозилле текст лезет на соседнюю ячейку. В IE обрезается корректно.

По идее можно в каждую ячейку - DIV, но может есть другой способ?
...
Рейтинг: 0 / 0
11.02.2013, 09:18
| Ответить | Цитировать | Написать  
Недопустить растягивание ширины колонки таблицы по длине текста
    #38145913
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
user89 , если делаешь некие ограничения для контента, а простого решения в ЦСС нет или работают с особенностями - прямой путь добавить контенту еще один контейнер.
...
Рейтинг: 0 / 0
11.02.2013, 13:09
| Ответить | Цитировать | Написать  
Недопустить растягивание ширины колонки таблицы по длине текста
    #38146117
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
krvsa,

ОК.
...
Рейтинг: 0 / 0
11.02.2013, 14:37
| Ответить | Цитировать | Написать  
Недопустить растягивание ширины колонки таблицы по длине текста
    #38146168
няка
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
няка
Гость
навеяло
 


...
Рейтинг: 0 / 0
11.02.2013, 15:01
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Недопустить растягивание ширины колонки таблицы по длине текста
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38143771&tid=1448735]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 160ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 250ms
total:  492ms
созд. / загр.: 492ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]