textwrap/autoHeight 行高太大

Question

我想在 ag-grid 中显示的数据主要是文本块。我希望文本换行，单元格高度自动。

   wrapText: true,
   autoHeight: true

然而，当文字换行时，它保持40px的行高，这并不吸引人。我还注意到它不会尝试换行。

我尝试重置行高，但后来我丢失了任何顶部或底部填充。当我添加填充时，顶部填充很好，但底部填充被隐藏 - 行高不考虑填充。

如何在单元格内容填充适当的单元格中获得有吸引力的块文本显示？

Answer 1

您可以添加一些 CSS 以直接针对单元格内容添加填充：

.ag-theme-alpine .ag-cell-value {
  line-height: 20px !important;
  word-break: normal; /* prevent words from breaking */
  padding-top: 5px; /* space top */
  padding-bottom: 5px; /* space bottom */
}

查看 following plunkr

中的实现

textwrap/autoHeight 行高太大

lineheight too big for textwrap/autoHeight

ag-grid