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」のような複数の単語を含む列が、次のように2行で表示されている場合です。

  odaiah
  chitukuri

ただし、「odaiahchitukuri」のように1つの単語の場合は、1行で表示されます。つまり、列が単語に合わせて調整されていることを意味します。

私は単一の行に別の単語を持っている必要があります。どうやってするか？

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

データテーブル列で次を定義します。

  • になりますwidth:100
  • いいえwidth:"100px"
  • またwidth:"100"
  • またwidth:"100em"

使用幅：100

そのように、それは私にとってはうまくいきます

于 2011-07-29T10:31:22.920 に答える
0

単語を常に1行に保持するソリューションを探しているかどうかはわかりません..しかし、一般的に言えば、データテーブルは内部のコンテンツに基づいて列を正しく配置するのに適しています。ただし、場合によっては、列の幅を手動で設定する必要がありました。クラス appicon を持つ列の例を次に示します。

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

列内の単語数が定義されたサイズを超えると、常に次の行に移動することに注意してください。

于 2011-07-20T19:47:07.307 に答える