How to regroup column row on the press of a button?

ejobity

Here is the case code: http://live.datatables.net/daboqigu/2/edit?html,css,js,console,output

On page load, the selected row grouping works excellent.

Now if i want to change the row column group say to Office on the press of a button can i be able to do that? Can I redraw the data table with different parameters?

Here is the case code: http://live.datatables.net/daboqigu/2/edit?html,css,js,console,output

Thank you.

kthorngren

First you have the JS includes in the wrong order. I fixed that. You are loading the RowGroup Extension but not using it. Looks like you are using this example instead. This will be easier with the RowGroup Extension.

I commented out the drawCallback code and enabled RowGroup. You can use the rowGroup().dataSrc() API to change the dataSrc. Here is the updated example:
http://live.datatables.net/daboqigu/3/edit

Kevin

ejobity

Thank you very much for support much appreciated.
It worked. :-)