extjs网格面板单元格中的多行文本

Question

我有一个网格.我想在一些网格单元格中显示多行.以下是我生成的div,它有两行文本.但这并没有呈现第二行,即"测试新线".

<div class="x-grid3-cell-inner x-grid3-col-event x-unselectable" style="height:134px;line-height:134px;" unselectable="on">
  <div>
      <a href="some link">XYZ funding round: Series C</a> (Funding Round)
      <br>
      test new line
  </div>
</div>

这是一个extjs 3.4网格.

知道为什么这不会渲染两行吗？

Answer 1

我用grid的viewConfig选项解决了这个问题:

viewConfig: {
    loadingText: lang.loading,
    loadMask: true,
    stripeRows: true,
    getRowClass: function(record, rowIndex, rowParams, store) {
        return 'multiline-row';
    }
},

并在CSS文件中:

.multiline-row .x-grid-cell-inner {
    overflow: auto !important;
    white-space: normal !important;
    text-overflow: ellipsis;
    display: block;
}

在ExtJS 4中运行良好.

希望能帮助到你.