¿How I make the modal larger?

shiradit

Hello guys,
Im working with datatables and bootstrap 4, I need that the display modal have the style modal-lg but I cant fine any way to do this and none examples about it, can someone help me please?

My JS code is very simple:

$('#room1,#room2,#room3,#room4').DataTable({
                    ordering: true,
                    info: false,
                    bFilter: false,
                    bPaginate: false,
                    bLengthChange: false,
                    dom: 'Bfrtip',
                    columnDefs: [
                        {width: "20%"}
                    ],
                    buttons: [{
                            extend: 'pdf',
                            text: 'PDF',
                            orientation: 'landscape',
                            title: 'Evolución ' + new Date(),
                            exportOptions: {
                                columns: [0, 1, 2, 3, 4, 5, 6, 7, 8]
                            },
                            messageBottom: 'PSHospital - Copyright © 2018 Parodi Solutions '
                        }],
                    responsive: {
                        details: {
                            display: $.fn.dataTable.Responsive.display.modal({
                                header: function (row) {
                                    var data = row.data();
                                    return 'Paciente: ' + data[4];
                                }
                            }),
                            renderer: $.fn.dataTable.Responsive.renderer.tableAll({
                                tableClass: 'table'
                            })
                        }
                    }
                });

colin

Hi @shiradit ,

There isn't an option for that I'm afraid, you'll need to modify this line:

https://github.com/DataTables/Responsive/blob/4bb3903fd05000669f993cfb596a2857b93b538b/js/responsive.bootstrap4.js#L42

Cheers,

Colin