Change "No rows to Show" text in datagrid

[SynopsisLabs (Steve)]

Hi,

On the off chance is it possible to change the “No Rows To Show” text in an empty datagrid?

Thanks

Steve

[Joyce]

Hey Steve

In the Settings tab, setting Language to Custom will unlock Locale texts.

Then you can pass an object with whatever value you want for the noRowsToShow key, for example:
{ "noRowsToShow": "No results found" }

You don’t need the full language object, anything you leave out will keep the default value in English.
If it doesn’t update, you’ll need to update page or toggle conditional rendering.

[SynopsisLabs (Steve)]

Thanks

[SynopsisLabs (Steve)]

Hi @Joyce ,

I tried that and no change -

What am I missing?

Thanks

[jptrinh (Jean-Philippe Trinh)]

Hi @SynopsisLabs
The key name is exactly “noRowsToShow”
You’ll see the modification effective when the component re-renders

[SynopsisLabs (Steve)]

Hi,

Re-rendered but no change - Video

Steve

[Joyce]

Hey Steve,

Your video shows you are still using an incorrect key starting with No instead of no. It should be {"noRowsToShow": "No Results"} not {"NoRowsToShow": "No results"}

In your video:

Try {"noRowsToShow": "No Results"} instead.

[SynopsisLabs (Steve)]

Ok, my bad. Thanks.

Followup question - how would one know what the key should be for translations? Is there a list or format to follow?

Thanks

Steve

[Joyce]

Hey Steve, if you look something along the lines of “datagrid language” in our user docs, you should find the format to follow: Data Grid | Documentation

If you find that’s incomplete, don’t hesitate to let us know.

[SynopsisLabs (Steve)]

Hi Joyce,

I had a look at the page and this in particular -

Not sure if this is the correct area, but the No Results to Show is missing.

Steve

[Joyce]

It’s the correct area. It’s here:

I’d recommend using the copy button and then pasting the entire object in a text editor to search through it more easily:

[SynopsisLabs (Steve)]

Ok, got it.

Thanks for your usual quick responses!!

Steve