Sever side datagrid with grouping

[Wilton Ribeiro]

I'm implementing a datagrid with remote data, however when trying to use Grouping, the grid shows me as if it had no data from the request, even though the data is actually retrieved.

On my grid template:

:dataSource='dataSource' detailTemplate ="detailTemplate" :allowSelection="true" :allowGrouping="true"

:allowPaging="true" :allowSorting="true" :selectionSettings="selectionSettings" :sortSettings='sortOptions'

:pageSettings="pageOptions" :groupSettings="groupOptions">

...
field="main_ingredient_name" width="0" :visible="false">

...

...

On the script:

export default {
...

provide: {
grid: [Sort, Page, DetailRow, Group]
},

data() {
return {

...
sortOptions: {columns: [{field: 'main_ingredient_name', direction: 'Ascending'}]},
groupOptions: {showDropArea: false, columns: ['main_ingredient_name']},
}
},

...

Result:

If I remove the grouping, the table gets back to work fine:

[Rajapandi Ravi]

Hi Wilton,

Greetings from Syncfusion support

Before we start providing solution to your query we need some more information for our clarification, so please share the below details that would be helpful for us to provide better solution.

1)              Share your Syncfusion package version.

2)              Share the details about what Syncfusion adaptors you are using in your application for Remote data binding.

3)              Share your complete Grid rendering code (Client & Server).

Regards,

Rajapandi R