upgrade problem from datatables.net-bs4@1.10.19 to datatables.net-bs4@1.10.20+21

tornadofay

I have this weird bug for awhile now and its what keep me using v.1.10.19

here is image from 1.10.19 and html inspect

here image from 1.10.21 and html inspect

also same for this
image from 1.10.19

image from 1.10.21

the problem only happen after i upgrade to version 1.10.20 and above using npm update
if i edited "package.json" and manually change
"datatables.net-bs4": "^1.10.21" >>> to >>> "datatables.net-bs4": "^1.10.19"
everything return to normal with no problems

here is my js/css

datatables.scss :
@import '~datatables.net-bs4/css/dataTables.bootstrap4.min';
@import '~datatables.net-buttons-bs4/css/buttons.bootstrap4.min';
@import '~datatables.net-responsive-bs4/css/responsive.bootstrap4.min';
@import '~datatables.net-rowgroup-bs4/css/rowGroup.bootstrap4.min';

datatables.js :
require('datatables.net-bs4');
require('datatables.net-buttons-bs4');
require('datatables.net-buttons/js/buttons.colVis.js');
require('datatables.net-buttons/js/buttons.html5.js');
require('datatables.net-buttons/js/buttons.print.js');
require('datatables.net-responsive-bs4');
require('datatables.net-rowgroup-bs4');

thank you for you help

tornadofay

help please I need to know the reason of why that happen ?

allan

Could you give me a link to a test case showing the issue please? The Bootstrap styling appears to be working okay in this example, so I'm not sure what is going wrong.

Thanks,
Allan