Hello, Please let me know if below grid is possible using iggrid and sub grouping option or do i need to use any other grid. (first column below is the checkbox column).
Thanks in Advance.
column 1
column 2
column 3
column 4
column 5
column6
readyonly cell
Apple
8
Editable igDatepickker
checkbox
data1
1
editable cell
data2
2
data5
5
Orange
4
data99
data33
Hello Rakesh,
The illustrated structure could be achieved using igGrid. What do you mean by saying 'sub grouping option'? Do you mean the GroupBy feature: http://help.infragistics.com/jQuery/2014.2/ui.iggridgroupby ? If you do, then you can apply grouping to the igGrid.
Please let me know if you need further assistance.
Regards,
Tsanna
Please let us know if you need any further assistance with this matter.
Thanks for suggestion.
I did saw the grouping in iggrid, but we have requirement where in we should not be showing the expand and collapse sign, and user can multi select rows across different groups.
please let me know if this can be achieved ?
What I can suggest for hiding the expand/collapse indicator Is modifying the css class applied to this indicator and set the visibility property to hidden. For example:
.ui-iggrid-expandbutton { visibility: hidden;}
Additionally, all the classes applied to the grouping elements could be found at the following link:
http://help.infragistics.com/jQuery/2014.2/ui.iggridgroupby#theming
You could style the look of Grouping feature by modifying these classes.
Regarding your second requirement what I can recommend is enabling Selection feature of igGrid. If you enable the multipleSelection option your users will be able to select rows across different groups. For example:
features: [ { name:"Selection", mode : "row", multipleSelection : true } . . . ]
features: [ { name:"Selection", mode : "row", multipleSelection : true }
.
]
I also made a small sample illustrating my suggestions and you could find it at the following link:
http://jsfiddle.net/p5dm6dze/
I hope this helps you achieve your requirement.