wakanda - 有没有办法在瓦坎达网格列中换行？

Question

我有一个名为 dataGrid4 的瓦坎达网格，有 3 列。我希望第二列（名为模型）中的文本包含在列单元格中。字体大小设置为 10 px，列 ht 设置为 27 px。

我已经尝试了我能找到或想到的一切。我认为应该起作用的是：

#{id}dataGrid4 .waf-widget-body .waf-dataGrid-col-Models .waf-dataGrid-cell .content {
white-space: normal;
word-break: break-all;
}

然而，我无法实现任何自动换行。如果我强制编辑单元格，使用 Safari 开发工具（和上面的代码），文本将自动换行（即文本不会换行到下一行，导致文本不可读）。

这可能只是Wakanda Grid 的问题。没有把握。注意：使用 Wakanda 10.187175

score 2 · Accepted Answer

网格上有不同的行高会导致滚动位置的计算出现问题，从而导致信息的延迟加载。

你可以实现它，但结果将是平庸和错误的。

但是，我建议您采用我在网格上定制的这个解决方案，dataGrid1并将其作为 ID：

#dataGrid1 .waf-widget-body .waf-dataGrid-cell .content {
  white-space: normal;
  word-break: break-all;
}

WAF.widgets.dataGrid1.setRowHeight(100);

结果是一个更大的数据网格，在长文本上具有可接受的可见性。

score 1 · Accepted Answer

确实，Wakanda DataGrid 的滚动仅针对一致的行高进行了正确设置。对于纯文本以外的任何自定义，有两个命令旨在为您提供一些自由。

根据您的需要，这些命令允许您替换用于呈现网格中的行或特定列的默认 DOM 元素。

score 0 · Accepted Answer

我认为在网格上包装文本不是一个好主意，因为它的逻辑基于具有相同高度的行。如果这个假设不再成立，您最终可能会遇到多个错误。

3 回答 3