2

I would like to know if there are other javascript components that provide presentation of grid with multiple groupings. Below is a screenshot of jqGrid I extended to allow the feature however it needs all the data to be fetched. I would like that data would be loaded when the grouping is expanded.

Screenshot of jqGrid Another modified jqGrid would be nice since it is what we've been using in our project :)

David Gardiner
  • 16,892
  • 20
  • 80
  • 117
NeverFall
  • 229
  • 5
  • 10

3 Answers3

3

Yep, Datatables does this really well.

The tutorial on how to do the show/hide details is here

I strongly recommend Datatables because after trying nearly every jQuery and YUI solution out there I've realized that it has more features, better support, and the best Ajax operation I've found. As a strong bonus, it's ThemeRoller capable, which means that I can re-skin my apps in just minutes, which has made that operation incredibly profitable.

bpeterson76
  • 12,918
  • 5
  • 49
  • 82
  • will check it out :). for the mean time, I just used tree grid since I'm out of time >.< (p.s. says needs 15 rep when I click the up button o_o) – NeverFall Jun 26 '11 at 15:03
  • 2
    Datatables has no real grouping feature. What you linked is a row details feature. – John Nov 05 '14 at 00:31
2

ShieldUI's Grid can also do this - it has flexible grouping, hierarchy support and and many other fancy options.

It is a very affordable solution compared to others and also comes with a whole library of other useful UI widgets for charting, editing, layout, etc.

Vladimir Georgiev
  • 1,949
  • 23
  • 26
1

I know one free component that is similar to the above described grid - TreeTable. It provides presentation of grid with multiple groupings: http://docs.webix.com/samples/15_datatable/30_treetable/14_colspan.html. Moreover, it has a dynamic loading feature.

Veronika Lindorenko
  • 31
  • 3