我正在为我的表使用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">×</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)