Angular 7 – JqxGrid – Grouping

[John361Participant]

Hello,

I actually have this final structure in JQuery :

I want to have the same using Angular. I can have rows but I can not have groups.

components.ts

source = {
    localdata: null,
    datatype: "array",
    datafields: [
          { name: 'theme', type: 'string' },
          { name: 'critere', type: 'string' },
          { name: 'note', type: 'float' }
    ],
    // root: "theme",
    // record: "theme",
    // id: 'theme'
};
gridSettings: jqwidgets.GridOptions = {
    width: '100%',
    source: this.dataAdapter,
    autoheight: true,
    columns: [
        { text: 'Critère', datafield: 'critere', width: '80%' },
        { text: 'Note', datafield: 'note', align: 'right', cellsalign: 'right', width: '20%' },
    ]
};

In subscription I have :

this.source.localdata = e;
 this.myGrid.updatebounddata();
 this.myGrid.addgroup('theme'); // during test but seems not work

component.html
<jqxGrid #gridReference [auto-create]='false' [groupable]="true" [showgroupsheader]="false"></jqxGrid>

Can anyone helps me please ?

[John361Participant]

Link to exceptation (actually in jquery) : https://github.com/John361/angular_jqxgrid/blob/master/capture.png

[TodorParticipant]

Hello John361,

Please review the following example whether it fits your needs.

Let us know if you need further assistance.

Best Regards,
Todor

jQWidgets Team
https://www.jqwidgets.com

[Author]

Posts