Fixed Columns and children rows

puffster

Team!!

I've created a neat little datatable with children rows that are hidden initially and can be expanded with a font awesome icon click...see the JSFiddle. Since there's a lot of columns I'd like to use FixedColumns to freeze the 4 columns of data on the left (school through Total Concentrators). The font awesome icon used to show/hide the rows is the first column, so I'm having to actually freeze the first five columns, and that's where the problem comes in. I understand how the fixedColumns work -- it creates and overlays a new table of the fixed columns over top of the actual table. So doing this is making my font awesome expand icon not work.

I don't really consider this a bug but was wondering if anybody else has tried to do something like this, and is there any cool workarounds that you can share with me?

Thanks for everybody's amazing work and feedback!!

kthorngren

If you inspect the first column you will see the table that is overlaid doesn't contain the able id. You will need to change the selector used for your click event. For example:
https://jsfiddle.net/dhbwo8k4/

Kevin

puffster

wow i couldn't have asked for an easier correction, thanks Kevin!!