javascript - 使用 RowReorder 将 DataTables 行移动到 bootstrap 模式后面

标签 javascript jquery twitter-bootstrap datatables z-order

我在 Bootstrap 模态窗口上使用 DataTables,当我实现 RowReorder 扩展时,效果很好,只是鼠标指针后面的行出现在模态后面。有没有办法进行设置,以便我可以看到在模式窗口上方屏幕前面移动的行?像 z 顺序之类的东西?预先非常感谢您。

最佳答案

默认情况下, Bootstrap .modal具有z-index:1050,而.modal-backdrop具有z-index: 1040. .因此,您所要做的就是确保 RowReorder float 元素的 z-index 具有更高的排名:

table.dt-rowReorder-float {
    z-index: 2000;
}

演示 -> http://jsfiddle.net/L82z0jgj/

关于javascript - 使用 RowReorder 将 DataTables 行移动到 bootstrap 模式后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32792276/

相关文章:

JQuery.Validate 添加带有消息的动态规则

javascript - 让用户输入以 "BR"或 "BT"开头

javascript - 对边半径

javascript - 如何指定 proptypes 以允许可为空的、必需的 prop 值?

jQuery 找到正确的 id

jquery - 从 jQuery 选择中返回单个对象而不是数组的最佳方法是什么?

javascript - 按下提交/onclick 时使用 jquery 关闭模式

jquery - 页面的主要部分正在浏览/通过固定导航栏吗?

html - 100% 高度不适用于 Firefox 或 Chrome

javascript - 数据显示更新结果,但更新结果不工作 PHP