相关疑难解决方法(0)

datatables在bootstrap3模式对话框中没有响应

我正在为我的表使用datatables插件,请注意我使用的是响应式数据表.我也在使用bootstrap v3.2.0.我已经在bootstrap模态对话框中放置了响应式数据表.但问题是,我面临的是我的表没有对模态对话框做出响应,但它在普通页面上变得响应.我发现如果我从模态代码中删除类名"模态"然后它变得响应所以很明显类模态正在创建问题,但我不能删除模态类,否则模态将无法工作.

这是模态类的CSS:

.modal {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
}
Run Code Online (Sandbox Code Playgroud)

我的模态代码:

    <div class=" fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> 
        <h4 class="modal-title" id="myModalLabel">Send File Popup</h4>
      </div>
      <div class="modal-body">    
         <table id="filepopupTable" class="display responsive nowrap" cellspacing="0" width="100%">
                    <thead>
                 <tr>
                 <th class="padding10">  <div class="ckbox ckbox-default">
            <input type="checkbox" id="selectall" value="1" class="mt0 mr10" />
            <label for="selectall" …
Run Code Online (Sandbox Code Playgroud)

modal-dialog twitter-bootstrap-3 jquery-datatables

4
推荐指数
2
解决办法
6767
查看次数