ajustar ancho modal

JuliánVelasquez

cambiar ancho del modal javascript

colin

Which modal are you referring to?

Colin

rf1234

use CSS like in here for a Bootstrap 3 modal:

editor
    .on('open', function (e, mode, action) {
        $('.modal-dialog').addClass("modal-l");
    })
    .on('close', function() {
         $('.modal-dialog').removeClass("modal-l");
    })

with

@media (min-width: 992px) {
  .modal-l {
    width: 60%;
    max-width:auto;
  }
}

Adjust for your styling framework.

alma_delay

This modal:
https://datatables.net/extensions/responsive/examples/display-types/bootstrap5-modal.html
Too, I have the same question.

allan

@rf1234's solution works nicely. @alma_delay - did you try it with Bootstrap 5 size classes?

Allan

alma_delay

I refer to:
$(document).ready(function() {
$('#Table').DataTable( {
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.modal( {
header: function ( row ) {
var data = row.data();
return 'Details';
}
} ),
renderer: $.fn.dataTable.Responsive.renderer.tableAll( {
tableClass: 'table'
} )
}
},