fixedColumn loses it function when iFrame resize

erick70689

HI All,

I'm currently working with an application that uses DataTables with the following settings:
"iDisplayLength": 50,
"bDestroy": true,
"bJQueryUI": false,
"bLengthChange": false,
"bServerSide": false,
"bPaginate": false,
"sPaginationType": "full_numbers",
"bSort": false,
"bFilter": true,
"bdeferrender":true,
"processing": true,
"bDraw": true,
"bScrollCollapse": true,
scrollX:true,
"bInfo":false,
fixedHeader: true,
fixedColumns: {
leftColumns: 1
},

The dataTable attached into an iFrame with SideBar Panel, when iFrame resize after clicking the Sidebar, the fixedColumn loses it function. However, when I tried to type anything in search field the fixedColumn work again.

It seems fixedColumn loses it function when resizing the screen.

Any ideas about this,is much highly appreciated.

colin

Hi @erick70689 ,

Try using fixedColumns().relayout() and/or rows().recalcHeight().

If that doesn't work, we're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin

erick70689

HI @colin ,

I really appreciate your time for responding to my inquiry, however upon review back my code the issue is due to the "fixedHeader: true," option.

I don't know why enabling to true this option loses the fixedColumn function.

However, thank you so much for the response much highly appreciated.

Cheers,

Erick70689

kthorngren

The Compatibility Matrix shows that FixedHeader and FixedColumns are not compatible in the same Datatable. Also the docs indicate this:
https://datatables.net/extensions/fixedheader/

Kevin

erick70689

Hi @kthorngren,

Thank you for taking time to response on my inquiry and provide link for this issue.

Regards,

Richard