How can I change 'no rows to show' to some custom component ag-grid react?

Question

I am using ag-grid for react https://www.ag-grid.com and when my table/grid is empty it shows "No rows to show", I need to change it to some custom message/component but could not find any mention of it in docs. It is possible to do using API ?

Answer 1

with the prop "overlayNoRowsTemplate" :

<AgGridReact
    rowData={data}
    defaultColDef={{...defaultColDef, valueSetter}}
    columnDefs={columnDefs}
    overlayNoRowsTemplate={"bla"}
/>