rv.jsx

  render() {
    const {ships} = this.props
    const fakeRenderer = propName => props => (<div>{props[propName]}</div>)
    return (
      <div
        style={{
          flex: 1,
          height: 0,
        }}
      >
        <AutoSizer>
          {
            ({width, height}) => (
              <Table
                width={width}
                height={height}
                headerHeight={20}
                rowCount={ships.length}
                rowGetter={({index}) => ships[index]}
                rowHeight={20}
              >
                <Column
                  label="ID"
                  disableSort={true}
                  dataKey="rstId"
                  cellRenderer={fakeRenderer('cellData')}
                  width={200}
                />
                <Column
                  label="Name"
                  disableSort={true}
                  dataKey="name"
                  cellRenderer={fakeRenderer('cellData')}
                  width={200}
                />
              </Table>
            )
          }
        </AutoSizer>
      </div>
    )