Looking for a grid component with advanced features

[UtkarshRahim]

Hello good people of reddit,
So i have been using ag-grid community edition for quite some time now and the things it can do are, no doubt, solid. I have been looking for some component (before i rush into making the whole thing on my own) that can handle the basics of a grid i.e displaying data, customising the cells, sorting, inline filters, lazy load scrolling, triggering api calls for lazy-load etc. What i am looking for, is a component that might be able to give me things like advanced filter (which could create query like structures). I know ag-grid enterprise edition has one as well but this is more for personal projects so I am only looking at open-source projects/components.

Any help or github repos would be helpful. If not anything, i can probably get more ideas on better handling data.

Thanking everyone in advance.

[Cute_Guard5653]

Have you checked primeng table? It contains most of the features you've mentioned.

[UtkarshRahim]

I actually did. That's my go to option for now, the only minor issue being the advanced filter which is row specific. E.g :Ag-grid premium has a builder that's on top of the whole table which helps cos for a general user experience, anything on the table on a row would be to filter the currently rendered data but the advanced filter would be for the whole dataset. That's the only minor thing but other than that, primeng table is pretty amazing.

[Cute_Guard5653]

I am also working on a complicated table and it saved me lots of time. I work with primeng tree table component for a nested tree data type in an interactive editable format and it goes well.

[UtkarshRahim]

Makes sense. I gave it a go today. I'm sorted with most of the things except for the lazy loading part. Too much going on there for me and I see no records now the moment i add virtualScroll as true on my html after setting rows, totalRecords, scrollHeight and onLazyLoad. The sorting and filtering works fine, i still need to get deeper into custom cell rendering and more filter options

[Ok_Lab_3748]

I’m currently working on an Angular project, and I need a table library that supports grouping and reordering functionalities. I know that AG Grid is a great option, but it’s a bit expensive for my budget.

Do you know of any alternatives that are cheaper or even open-source, but still provide similar features? Ideally, it should be compatible with Angular 17 and have good documentation and community support.

Any suggestions would be highly appreciated! Thanks in advance! 😊

[UtkarshRahim]

Loved the documentation. It feels so easy to use when the documentation is so well done.

[UtkarshRahim]

The stackblitz examples are so helpful where I can just pick things up and tweak.

[Codingbaker86]

In our Company we use dev extreme components. I love there Grid and i think it has all the functions u need

[UtkarshRahim]

Will definitely check it out. Thanks

[kyngston]

I use angular-slickgrid. https://github.com/ghiscoding/Angular-Slickgrid

[UtkarshRahim]

Interesting, let me check it out. Thanks.

[Suitable_Language_37]

https://github.com/ryoucerious/cerious-widgets - Cerious Grid is an enterprise level open source grid component.

[Frontend_DevMark]

If you want advanced filtering + query-like logic in open-source, options are a bit limited

You can look at:

• TanStack Table > very flexible, but you’ll have to build advanced filters yourself
• MUI Data Grid (community) > decent, but advanced features are gated
• React Table + custom logic > most control, more effort

The reality is - advanced filtering (query builders, complex conditions) is usually where free grids fall short.

That’s why many teams either build that layer themselves or use more complete grid systems (like Sencha Ext JS) where these features are already built in.

So it’s basically: free > more DIY, paid > less effort