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

时间:2016-03-23 09:35:35

标签: wakanda

我有一个名为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

3 个答案:

答案 0 :(得分:2)

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

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

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

  1. 保持当前的css调整:
  2. &#13;
    &#13;
    #dataGrid1 .waf-widget-body .waf-dataGrid-cell .content {
      white-space: normal;
      word-break: break-all;
    }
    &#13;
    &#13;
    &#13;

    1. 在页面加载时运行此Javascript代码:
    2. &#13;
      &#13;
      WAF.widgets.dataGrid1.setRowHeight(100);
      &#13;
      &#13;
      &#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)

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