ng-table width и non-overflowing text

Question

Я пытаюсь использовать следующие 3 свойства CSS, чтобы мои элементы таблицы отображались в одной строке и отображали elipses для всего, что пробегает выделенную ширину. Однако эти свойства, особенно nowrap, вызывают игнорирование ширины.

text-overflow: ellipsis !important; 
    overflow: hidden; 
    white-space: nowrap; 

SSCP: http://plnkr.co/edit/ZsFuryoOTehNuXblFehN?p=preview
Как я могу сделать это так, что я могу установить ширину VIA нг-таблицы?

Answer 1

Для этого вам необходим элемент блока. Я предлагаю, чтобы внутри вашего td вы поместили контент в теги p и поместили ширину в теги p.

HTML:

<td data-title="'Name'" width="310"><p>{{user.name}}</p></td> 

CSS:

td p { 
    text-overflow: ellipsis !important; 
    overflow: hidden; 
    white-space: nowrap; 
    width:300px; 
} 

Или вы можете просто добавить дисплей: блок для ваших TD элементов, хотя это может вызвать другие проблемы.