我有一个名为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
答案 0 :(得分:2)
网格上的行高不同会导致滚动位置计算出现问题,从而导致信息延迟加载。
你可以实现它,但结果将是平庸和错误。
但是我建议您采用我在dataGrid1
作为ID的网格上定制的解决方案:
#dataGrid1 .waf-widget-body .waf-dataGrid-cell .content {
white-space: normal;
word-break: break-all;
}
&#13;
WAF.widgets.dataGrid1.setRowHeight(100);
&#13;
结果是一个更大的dataGrid,在长文本上具有可接受的可见性。
答案 1 :(得分:1)
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元素。
答案 2 :(得分:0)
我认为将文本包装在网格上是个好主意,因为它的逻辑基于具有相同高度的行。如果这个假设不再适用,你最终可能会遇到多个错误。