How to customize overlay messages in Dash AG Grid?

Hi @foongminwong

Try adding a custom overlay message like this:

dag.AgGrid(           
            dashGridOptions={
                "overlayNoRowsTemplate": "<span style=\"padding: 10px; border: 2px solid #444; background: lightgoldenrodyellow; \">This is a custom 'no rows' overlay</span>"
            },        
            dangerously_allow_code=True
        ),

Here’s a custom component example

https://dashaggrid.pythonanywhere.com/components/overlay

2 Likes