反应数据网格中的多线标题

时间:2017-05-22 13:49:41

标签: reactjs react-data-grid

我想在标题中显示多行。

enter image description here

以前我是able to change the header height

现在我想显示多行文本,最好以数组的形式传入。

我最接近的是挖掘一些论坛并遇到 HeaderRenderer ,可以将其添加到我的列中,如下所示:

    this._columns.push({ 
      key: 'key_empty_' + i,
      name: "asdfasdfasdf ",
      headerRenderer: HeaderRenderer,

    }) 

据我所知,HeaderRenderer只接受一列,然后可以操纵该列。

为了解决我的问题,其中一个解决方案就足够了:

  • 能够将组件添加到Header对象
  • 可以选择在标题中添加多行文字
  • 允许代码解释换行符。即。如果我目前添加&#34; asdfasdf <br> asdfasdf&#34;然后它只是按原样显示。

1 个答案:

答案 0 :(得分:0)

我为此创建了自己的修复程序。我分叉了react-data-grid项目并更新了列渲染器:

https://github.com/oliverwatkins/react-data-grid