app/assets/javascripts/datatables/extensions/Buttons/buttons.bootstrap4.js in jquery-datatables-1.10.19.1 vs app/assets/javascripts/datatables/extensions/Buttons/buttons.bootstrap4.js in jquery-datatables-1.10.20

- old
+ new

@@ -36,27 +36,33 @@ var DataTable = $.fn.dataTable; $.extend( true, DataTable.Buttons.defaults, { dom: { container: { - className: 'dt-buttons btn-group' + className: 'dt-buttons btn-group flex-wrap' }, button: { className: 'btn btn-secondary' }, collection: { tag: 'div', - className: 'dt-button-collection dropdown-menu', + className: 'dropdown-menu', button: { tag: 'a', className: 'dt-button dropdown-item', active: 'active', disabled: 'disabled' } } + }, + buttonCreated: function ( config, button ) { + return config.buttons ? + $('<div class="btn-group"/>').append(button) : + button; } } ); DataTable.ext.buttons.collection.className += ' dropdown-toggle'; +DataTable.ext.buttons.collection.rightAlignClassName = 'dropdown-menu-right'; return DataTable.Buttons; }));