yui - 如何根据列的最大大小动态设置 YUI 数据表的宽度

Question

我有一个 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”这样的一个词时，它会显示在一行中，这意味着该列正在调整以适合该词。

我应该在单行中包含不同的词。如何做到这一点？

Answer 1

将“中断”空格替换为不间断空格。

尝试以下操作:

改变:

{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, ' ');
  }
},