Search code examples
reactjsdatatableblueprint

Why my React application with Table component doesn't display all of the records?

Why my React application with Table component from Blueprintjs, doesn't display all of the records? It only displays <= 201 records


    import React, { Component } from 'react';
    import {Table, Column, Cell} from '@blueprintjs/table';
    import "@blueprintjs/table/lib/css/table.css"   
    
    export default class App extends Component{
        public render() {
            return (
                    <Table numRows={500} enableGhostCells = {true}>
                        <Column key={1} name = {"0"} cellRenderer={this.ColumnHeaderCellRenderer}/>
                    </Table>
            )
        }
    
        ColumnHeaderCellRenderer = (rowIndex, columnIndex) => {
            return <Cell>{(rowIndex*columnIndex).toString()}</Cell>
        }
    }
Solution

  • The problem is caused by incorrect css. https://github.com/palantir/blueprint/issues/1807