Datatables multi level expandable columns, column ordering problem.

akif

Hello all,

I am hoping to have some help on one of the issues i have been facing with making the column expansion working with Datatables.

Explaining a bit about the layout and the logic of my current code.

I am creating one table dynamically with about 25 columns. By default only 7 of them are visible on the page. However some of the column header has a html
element in with icon of (+).

This is the example strucutre of the table.

col1 col2 col3 col4 col5 col6 col7 col8 col9 col10 col11 col12 col13 col14 col16 col17 col18 col19 col20 col21 col22 col23 col24

Here col5 to col10 are part of one parent column with colspan 6 which becomes visible on clicking (+) col4. also clicking on (+) icon in colum header 11 will expand col 12 to col 18. Again col12 and col13 have (+) icon which expands 4 more columns on right side of each of them.

The problem i am having is that when i expand col12 and col13 after expanding column 4, the expansion works but the data in the columns are incorrectly appended. so the data that needs to be appended to the columns shown by expanding col12 are actually being appended to the columns that are shown after expanding col13. So they are off by 4 places to the right.

I am quite not sure if i conveyed the problem statement exactly. However if anyone can guide me in the right direction do let me know.