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

Question

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>
        }
    }

there are around 700 records in the dataset that i use. But i dont think it is really matters, because if there are only 202 records in the dataset it will only displays me 201 record. — user2139568, Sep 08 '20 at 10:03

score 0 · Accepted Answer · answered Sep 11 '20 at 05:42

0

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

answered Sep 11 '20 at 05:42

user2139568

63
6

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

1 Answers1