有没有办法在Wakanda网格列中包装文本？

Question

我有一个名为dataGrid4的Wakanda Grid，有3列。我希望第二列（名为Models）中的文本包含在列单元格中。 font-size设置为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 Developer Tools（以及上面的代码），文本将包裹自身（即文本不会包装到下一行，导致文本不可读）。< / p>

这可能是 Wakanda Grid的一个问题。不确定。 注意：使用Wakanda 10.187175

Answer 1

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

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

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

1. 保持当前的css调整：
＆＃13;
＆＃13;
#dataGrid1 .waf-widget-body .waf-dataGrid-cell .content {
  white-space: normal;
  word-break: break-all;
}
＆＃13;
＆＃13;
＆＃13;
1. 在页面加载时运行此Javascript代码：
＆＃13;
＆＃13;
WAF.widgets.dataGrid1.setRowHeight(100);
＆＃13;
＆＃13;
＆＃13;

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

Answer 2

Wakanda DataGrid的滚动确实只是为了一致的行高而正确设置。对于除直接文本之外的任何自定义，有两个命令旨在让您有一些自由。

onRowDraw（） http://doc.wakanda.org/home2.en.html#/Wakanda-Widgets-Instance-API/Grid/onRowDraw.304-1009465.en.html

setRenderer（） http://doc.wakanda.org/home2.en.html#/Wakanda-Widgets-Instance-API/Grid-Column/setRenderer.301-864078.en.html

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

Answer 3

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