Ag-grid: Custom message for zero rows in the grid.

1

It would be great if we can give a custom message like _"No records found"_ or maybe even show an image to user if the grid has zero rows because there is no underlying data.

vivektodi picture vivektodi  ·  24 Apr 2015

Most helpful comment

4

is there any option to display no data found when you not found anything in filter...?

VINAYKUMAR-KPT picture VINAYKUMAR-KPT  ·  8 Apr 2019

All comments

0

Anybody find an implementation or workaround for this?

jimbuck picture jimbuck  ·  4 May 2015
0

Ideally you would be able to include a template for no results. thoughts @ceolter ?

amcdnl picture amcdnl  ·  4 May 2015
0

Yup I agree, I will get this in soon. Something easy to unblock this. Then in the future, a template.

ceolter picture ceolter  ·  6 May 2015
0

+1

jovana picture jovana  ·  7 Aug 2015
0

+1

jaggernoth picture jaggernoth  ·  21 Aug 2015
0

+1

scotthovestadt picture scotthovestadt  ·  24 Aug 2015
0

today's release has this. there is an overlay that can be overridden with your own template for 'no rows'. works in same way as template for 'loading'. explained in the docs.

ceolter picture ceolter  ·  6 Oct 2015
0

You can use overlayNoRowsTemplate ;)

carloshpds picture carloshpds  ·  23 Oct 2015
4

is there any option to display no data found when you not found anything in filter...?

VINAYKUMAR-KPT picture VINAYKUMAR-KPT  ·  8 Apr 2019
0

this.gridOptions = {
localeText: { noRowsToShow: 'Put your message here ' },
}

bowlereggs-edi picture bowlereggs-edi  ·  19 Sep 2019
1

Overlay overlayNoRowsTemplate can be used
Example:
const overlayNoRowsTemplate= "No record found";

<AgGridReact onGridReady={this.onGridReady} columnDefs={this.state.columnDefs} defaultColDef={this.state.defaultColDef} rowData={data} pagination={true} reactNext={true} animateRows onCellClicked={this.showEvent.bind(this)} paginationPageSize={this.state.paginationPageSize} paginationNumberFormatter={this.state.paginationNumberFormatter} overlayNoRowsTemplate={overlayNoRowsTemplate} />

avinashbuddana picture avinashbuddana  ·  27 Feb 2020