如何在模式引导程序中调整表

Question

我的数据表中有以下代码：

       $(document).ready(function () {
            $('#LogsTable').DataTable({
                "order": [[3, 'desc']],
                paging: false,
                //"scrollY": false,
                //"scrollX": true,
                searching: false,
                "bInfo": false,
                "columnDefs": [
                    { "width": "20%", "targets": 4 }
                ]
            });
        });

我的问题是如何在我的模态引导程序中放置数据集？ 在X中插入一个滚动条。不知道 谢谢

Answer 1

使用模态对话框添加model-lg类

<div class="modal" id="email" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog model-lg">
            <div class="modal-content">
            </div>
       </div>      
</div>

Answer 2

您可以尝试向表中添加“表响应”类。 Bootstrap 4肯定拥有它，但是对于较低版本却一无所知。

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>