fixedColumns not working properly

ram@dataTable

Hi, This is Ram
fixedColumns is not working properly in dataTable while showing it in bootstrap modal.

Actual problem is whenever fixedColumns property is mentioned then it is overflowing outside the modal. but when it is disabled then dataTable is showing properly in modal.

Please find the attached file

kthorngren

Do you have style="width:100%" configured on your table tag?

Kevin

ram@dataTable

Kevin not working...kindly find the attached file.

colin

Hi @ram@dataTable ,

We're happy to take a look, but it would help, as per the forum rules, if you could link to a running test case showing the issue so we can offer some help. 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

ram@dataTable

Hi Colin,
Please find the two links...

1st link : https://codepen.io/ram12ka4/pen/GXRmeq
2nd link : https://codepen.io/ram12ka4/pen/bxGgvK?editors=1010

1st link is working properly while 2nd link is not. In 2nd link the datatable is overflowing outside the modal.

allan

You need to call fixedColumns().update() once the modal has been shown so DataTables can take the measurements it needs (it can't when initialised since it is hidden): https://codepen.io/DataTables/pen/bxGJWZ?editors=1010

Allan

ram@dataTable

Thank you very much Allan

Cheers
Ram