如何更改模式大小并获取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>

如何以及在哪里设置更大的模态和/或将其分成模态内的两列？