如何在固定数据表

时间:2016-03-28 13:15:48

标签: reactjs dynamic-columns fixed-data-table

我正在尝试使用facebooks的固定数据表来创建一个包含数据的动态填充列。我收到的数据范围是10 - 100.因此我的目的是动态创建列。以下是我的尝试



Class App extensd React.Component{
  render(){
    return (
            <Table
              rowHeight={50}
              headerHeight={30}
              groupHeaderHeight={30}
              rowsCount={10}
              width={tableWidth}
              height={500}
              {...this.props}>
              
            {["firstName","lastName","bs","email"].forEach(function(columnName){
            return <Column
                    columnKey={columnName}
                    header={ <Cell>Header</Cell>}
                    cell={<Cell>Cell Content</Cell>}
                    width={200}
  />
  )
    }
})}
&#13;
&#13;
&#13;

它不起作用。以前有没有人尝试过类似的东西?任何帮助将不胜感激。先感谢您。

1 个答案:

答案 0 :(得分:3)

有用的是,用地图替换每个。谢谢@ jeff-Wooden。

Class App extends React.Component{
  render(){
    return (
            <Table
              rowHeight={50}
              headerHeight={30}
              groupHeaderHeight={30}
              rowsCount={10}
              width={tableWidth}
              height={500}
              {...this.props}>
              
            {["firstName","lastName","bs","email"].map(function(columnName){
            return <Column
                    columnKey={columnName}
                    header={ <Cell>Header</Cell>}
                    cell={<Cell>Cell Content</Cell>}
                    width={200}
  />
  )
    }
})}