th и td width not working

Я собираю таблицу, где мне нужен первый элемент строки, если текст слишком длинный, должен быть сокращен. Для этого я используюth и td width not working

#name{ 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 100%; 
}

У меня есть эта таблица и просто хочу «меня» вы можете использовать текст аббревиатуры должна быть очень длинным

#name{ 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
    width: 100%; 
 
}

<table style="width:100%"> 
 
    <thead> 
 
    <tr> 
 
     <th id="name" style="width:20%">Test name test name test name</th> 
 
     <th id="number">547821365</th> 
 
     <th id="address">test #10900</th> 
 
    </tr> 
 
    </thead> 
 
</table>

Но это не работает, всегда первый элемент увеличивается в зависимости от текста и прерывает другие мои столбцы.

источник

2016-08-31 sioesi

Можете ли вы уточнить, что вы после этого? Кроме того, вам не хватает закрывающей цитаты в '

j08691

. Я ищу, что первый столбец маленький, поэтому текст внутри может быть сокращен, но я не могу @ j08691 – sioesi

Like это https://jsfiddle.net/sdbj758n/? – j08691

ответ

Вы можете добавить float: left to your name css class. Вот мой fiddle- https://jsfiddle.net/rahulpandey034/oxxnpuo2/

#name{ 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
    width: 100%; 
 
    float: left; 
 
}

<table style="width:100%"> 
 
    <thead> 
 
    <tr> 
 
     <th id="name" style="width:20%">Test name test name test name</th> 
 
     <th id="number">547821365</th> 
 
     <th id="address">test #10900</th> 
 
    </tr> 
 
    </thead> 
 
</table>

источник

2016-08-31 20:31:50

не работает :(для меня – sioesi

@Nico Hernandez Torres, что именно не работает для вас? –

первый столбец не меньше – sioesi

Смежные вопросы