![]() ![]() That was because AG Grid removes the row when it is not displayed and creates it again when we scroll back. On the first try the images loaded correctly but they stopped working when we scrolled the table. We had to create a custom AG Grid component to be able to show employee profile pictures with the employee’s name. ![]() One challenge we faced was trying to load employee profile images to each row. Here is an example image of a table from the dashboard: Then we send the final data object to our base AG Grid component, and the table is ready! This way we only need to get the data from the correspondent endpoint and prepare it to fit the table data requirements, like calculating the total sum result of one column, or setting the styles retrieved from our endpoints. In our case we used a front-end web application that works with Angular, and we needed to integrate AG Grid. These are the steps we followed, using NPM:Īfter researching how AG Grid works, we decided to create a base Angular component to use with the different tables we needed to create. Our base component had some configuration options, like the column names, the data, the styles, and whether it will have a sticky bottom row.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |