ng-zorro中table设置行内容超出隐藏

要在 ng-zorro 中设置 table 行内容超出隐藏，可以使用 CSS 样式来实现。

首先，在对应的行元素上添加 `text-overflow: ellipsis;` 样式来实现文字超出部分省略号显示。

然后，需要设置行元素的宽度和 `overflow: hidden;` 属性来实现行内容超出隐藏的效果。

示例 CSS 代码如下：

/* 设置行元素宽度 */
tr td {
  width: 100px;
}

/* 设置文本超出部分省略号显示 */
tr td span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

这样就可以实现 ng-zorro 中 table 行内容超出隐藏的效果了。

相关问题

NG-ZORRO的table组件里，每一行怎么能鼠标悬停时不变化

你可以使用CSS的:hover伪类来实现鼠标悬停时不变化。在NG-ZORRO的table组件中，可以给每一行的样式添加:hover伪类，然后将其样式设置为与正常状态相同，这样鼠标悬停时就不会有变化了。以下是示例代码：

.ant-table-row:hover {
  background-color: inherit;
  color: inherit;
}

在这个示例中，我们将.ant-table-row的:hover样式设置为与正常状态相同，即继承父元素的背景颜色和文字颜色。这样鼠标悬停时就不会有变化了。

NG-ZORRO列表怎么设置被选中效果

感谢您的提问。对于NG-ZORRO列表组件，您可以使用nz-select控件和nz-option控件来设置被选中的效果。具体做法如下：

1. 在使用nz-select控件时，设置nzMode属性为'multiple'或'tags'以支持多选或输入框选项；
2. 在使用nz-option控件时，设置nzSelected属性值为true来表示该选项被选中；
3. 在样式文件中，添加选中效果的CSS样式，例如设置背景色等。

希望这些信息对您有所帮助。如有其他问题，请随时提问。