为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery Datatable问题与Bootstrap 4模态

jQuery Datatable问题与Bootstrap 4模态

慕码人8056858 2021-04-13 17:18:52
目前我有一个这样的数据表,https://prnt.sc/nbfmge当用户单击任何项目时,我正在打开bootstrap 4 modal,它将打开https://prnt.sc/nbfmrj但是当数据表处于模式时,我没有获得搜索和分页功能。这是我的代码这是HTML代码:<!-- Modal body --><div class="modal-body">    <div class="card">        <div class="card-header">            <h5 class="card-title float-left">List of items</h5>        </div>        <div class="card-body row">            <div class="col-md-12">                <div class="table-responsive">                    <table class="table table-bordered display" id="datatables">                        <thead>                            <tr>                                <th scope="col">#</th>                                <th scope="col">Item Name</th>                                <th scope="col">Item Model</th>                                <th scope="col">Item Year</th>                                <th scope="col">Item Condition</th>                                <th scope="col">Item Price</th>                                <th scope="col">Status</th>                            </tr>                        </thead>                        <tbody id="showEmployeesReportItems">                            <!-- List of Items -->                        </tbody>                    </table>                </div>            </div>        </div>    </div></div>这是我的jQuery代码:$('#datatables').DataTable().destroy();$('#showEmployeesReportItems').html(html);$('#datatables').DataTable();如何获得模态数据表中的分页和搜索功能?
查看完整描述

1 回答

?
慕姐4208626

TA贡献1852条经验 获得超7个赞

有解决方案,将id =“ datatables”引导程序模式主体ID更改为2、3或任何数字,并在此处将其更改为$('#datatables2')。DataTable(); 现在,jQuery数据表也可以在引导模态下正常工作。


查看完整回答
反对 回复 2021-04-29
  • 1 回答
  • 0 关注
  • 241 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信