3

我有一个 YUI 数据表，我将以下数据放入表中：

 {key:"name", label:"name", editor: nameChoiceEditor},
 {key:"group", label:"group", editor: groupChoiceEditor},
 {key:"colony", label:"colony", width: 210, editor: colonyChoiceEditor},
 ...

此处name列的宽度设置为为该名称输入的字符的最大长度，与group. colony的列宽设置为 210，与数据长度无关。

我的问题是当name具有多个单词（例如“odaiah chitukuri”）的列显示为两行时，如下所示：

  odaiah
  chitukuri

但是当它是一个像“odaiahchitukuri”这样的词时，它会显示在一行中，这意味着该列正在调整以适应这个词。

我应该在单行中有不同的单词。怎么做？

4

3 回答 3

3

将“中断”空格替换为非中断空格。

尝试以下操作：

改变：

{key:"colony", label:"colony", width: 210, editor: colonyChoiceEditor},

到：

{key:"colony", label:"colony", width: 210, editor: colonyChoiceEditor
  formatter: function (el, oRecord, oColumn, oData) {
    el.innerHTML = oData.replace(/ /g, ' ');
  }
},
于 2011-07-29T15:09:09.267 回答
0

我不确定您是否正在寻找一种始终将单词保留在一行的解决方案。但一般来说，数据表可以很好地根据里面的内容正确地隔开列。在某些情况下，尽管我肯定必须手动设置列的宽度。以下是具有类 appicon 的列的示例：

.yui-skin-sam .yui-dt tbody td.appicon {
    width: 40px;
}

请记住，一旦列中的单词数超过其定义的大小，它将始终移动到下一行。

于 2011-07-20T19:47:07.307 回答
0

在数据表列中定义：

  • 将会width:100
  • 不是width:"100px"
  • 或者width:"100"
  • 或者width:"100em"

使用宽度：100

那样的话它对我来说工作得很好

于 2011-07-29T10:31:22.920 回答