I am currently working with the igx-grid component and have a question regarding the customization of the empty state template. I am looking to make adjustments not only to the text but also to the HTML structure to display an image along with a heading and a subtitle in the empty state.
Could you please provide guidance on whether there is a way to customize the template for the empty state of an igx-grid? If so, I would greatly appreciate any instructions or resources you can share to help me achieve this customization.
Thank you in advance for your assistance.
Best regards,
Michael
Hello Michael,
The igx-grid has an “emptyGridTemplate” property that allows you to set a template when the grid has no data. It is fully customizable and you can place any html element that fits your requirement.
Below I am sharing a small sample that demonstrates the use of the emptyGridTemplate property and sets a template with a label and an image:
https://stackblitz.com/edit/awwa24?file=src%2Fapp%2Fgrid%2Fgrid-moving-sample%2Fgrid-moving-sample.component.ts
Please let me know if you need any further assistance.
Regards, Ivan Kitanov
I appreciate you for the link, this is what I was looking for. If I face any issue, I will ask you by starting my own thread.
Amazing! This is exactly what i needed. Thank you.