Dynamically hiding rows shows a bunch of empty columns at the end of the table.

adz

I have a button on my datatable (which is not a datatable button). When I click on it, I want certain number of rows to hide. I have used the function column.visible(columnNum) to show/hide the columns. Although the columns are hidden successfully, a set of equal number of blank columns without any header appear at the end of the table. (There are <td> s which do not have the "display:none" set). Why does that happen?

Also, the table keeps resizing the all the visible columns as I show and hide certain columns in the table. How do I prevent the columns from resizing?

Thanks for the help!

jr42.gordon

Try setting https://datatables.net/reference/option/autoWidth to false.

adz

Thanks for the response! Turned out there were some places where the visible function was used and some places a column was hidden using display:none. Using visible() everywhere worked like magic!