Column width of second table – Firefox only issue

It can be fixed with CSS code like that:

/* fix 1st column width */
#tablepress-1 .column-1,
#tablepress-1 .column-3,
#tablepress-1 .column-4,
#tablepress-1 .column-5,
#tablepress-1 .column-6 {
	width: 14% !important;
}
#tablepress-1 .column-2 {
	width: 30% !important;
}
#tablepress-2 .column-1 {
	width: 14% !important;
}
#tablepress-2 .column-4,
#tablepress-2 .column-5 {
	width: 5% !important;
}
#tablepress-2 .column-2 {
	width: 40% !important;
}
#tablepress-2 .column-3 {
	width: 41% !important;
}

…but it is hardcoded…

Hi,

thanks for your post, and sorry for the trouble.

The reason for this most likely comes from the combination of tabs and tables. This makes it hard to the DataTables JS library to correctly calculate the widths in the various browsers.

Hardcoding them with some CSS code, as you did, is therefore the best way to go here.

Regards,
Tobias

Thanks Tobias to find the source of the problem. I will keep the hardcode as long as there the tabs exist in this case.

Hi,

yes, that’s going to be the best approach going forward.

Best wishes,
Tobias