Question

我使用的是ag-grid-polymer，我想将内容包装在标题中。用户可以输入任何文本，并且该文本应适合标题列的大小。现在它就像椭圆一样。

  .ag-theme-material .ag-header-cell-label .ag-header-cell-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-wrap: break-word }

.ag-theme-material .ag-header-cell-label {
  display: flex;
  float: left;
  height: 100%;
  width: calc(100% -18px); }

对此进行了尝试。但是它没有用。希望通过功能进行自定义。应该提供任何帮助。

Answer 1

示例：如果用户输入标题文本“ Football team Championship”，它将像“ Football Te .....”一样出现，但我的要求是该标题中应包含全文。

您看到的结果是由于text-overflow。

text-overflow CSS属性设置如何向用户发送隐藏的溢出内容信号。它可以是clipped，显示ellipsis（'…'）或显示自定义字符串。

从CSS下方删除.ag-theme-material .ag-header-cell-label .ag-header-cell-text：

 overflow: hidden;
 text-overflow: ellipsis;

您可以在此处详细了解text-overflow。

编辑：问题不在于文本，您正在HTML绑定中获取完整的文本，css决定根据长度显示并添加...文字。

需要与内容一起动态设置标题

1 个答案: