Как изменить модальный размер и получить 2 столбца

Question

Я не специалист по js, но я нашел этот код, чтобы создать модал внутри таблицы данных.Моя проблема в том, что в модале появляется слишком много результатов.У меня около 20 строк, и я не хочу прокручивать модальное

$(document).ready(function() {
$('#modal1').DataTable( {
    responsive: {
        details: {
            display: $.fn.dataTable.Responsive.display.modal( {
                header: function ( row ) {
                    var data = row.data();
                    return 'Details for '+data[0]+' '+data[1];
                }
            } ),
            renderer: $.fn.dataTable.Responsive.renderer.tableAll( {
                tableClass: 'table'
            } )
        }
    }
} );
} );




<table id="modal1" class="table table-hover table-bordered" 
cellspacing="0" width="100%">
{{ data|safe }}
</table>

Как и где я могу установить больший модальный размер и / или разбить его на две колонки внутри модального?