ng-table width和非溢出文本

Question

我正在尝试使用以下3个CSS属性让我的表项出现在一行中，并显示在已分配宽度上运行的任何内容的elipses。但是，这些属性（特别是nowrap）会导致宽度被忽略。

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

SSCP：http://plnkr.co/edit/ZsFuryoOTehNuXblFehN?p=preview
如何制作以便我可以设置宽度VIA ng-table？

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;
}

或者您可以添加一个display：block到您的td元素，但这可能会导致其他问题。