使用 RowReorder 在 bootstrap 模态后面移动的 DataTables 行
DataTables row moving behind bootstrap modal using RowReorder
我在 Bootstrap 模式 window 上使用数据表,当我实现 RowReorder 扩展时工作正常,除了鼠标指针后面的行出现在模式后面。有没有办法设置它,以便我可以看到模态 window 上的行在屏幕前面移动?像 z 顺序之类的东西?非常感谢您。
默认情况下 bootstrap .modal
有 z-index: 1050
而 .modal-backdrop
有 z-index: 1040
。因此,您所要做的就是确保 RowReorder 浮动元素的 z-index
具有更高的等级:
table.dt-rowReorder-float {
z-index: 2000;
}
我在 Bootstrap 模式 window 上使用数据表,当我实现 RowReorder 扩展时工作正常,除了鼠标指针后面的行出现在模式后面。有没有办法设置它,以便我可以看到模态 window 上的行在屏幕前面移动?像 z 顺序之类的东西?非常感谢您。
默认情况下 bootstrap .modal
有 z-index: 1050
而 .modal-backdrop
有 z-index: 1040
。因此,您所要做的就是确保 RowReorder 浮动元素的 z-index
具有更高的等级:
table.dt-rowReorder-float {
z-index: 2000;
}