facebookarchive / fixed-data-table

A React table component designed to allow presenting thousands of rows of data.
http://facebook.github.io/fixed-data-table/
Other
4.3k stars 553 forks source link

Footer Property on Column Component doesn't render #443

Open irjencup opened 8 years ago

irjencup commented 8 years ago

Hello, I use fixed-data-table@0.6.2 .

On my Column I define footer property as well as header, but the footer doesn't appear, only the header. What did I miss?

Here's my code

      <Table
      rowHeight={50}
      rowsCount={filteredData.length}
      width={1100}
      height={600}
      headerHeight={50} {...this.props}>

      {visible_fields.map((header, index)=>{
          return <Column key={index}
              columnKey={index}
              footer="FOOTER"
              header={<SortedHead height={30} onSortChange={this.onSortChange.bind(this)} sortDir={colSortDirs[index]}>{header}</SortedHead>}
              cell={({rowIndex, ...props}) => (
                <Cell {...props} >{filteredData[rowIndex][index]}</Cell>
              )}
              fixed={header == 'name' ? true : false}
              width={200}
            />
      })}
    </Table>
KamranAsif commented 8 years ago

You need to define footerHeight as well. Also this repo hasn't seen much maintenance. Check out our fork https://github.com/schrodinger/fixed-data-table-2 which has bug fixes and new features