twitter-bootstrap - 表格内的弹出窗口响应被剪裁

Question

Bootstrap 3，弹出窗口被裁剪在表格中，这些表格被包裹在 table-responsive 中。我尝试了很多方法，例如将 table-responsive 类设置为 overflow-y: visible; 但没有任何帮助。希望有人能指出我正确的方向。

编辑: 不确定这是否有任何区别，但我还使用 Datatables 来显示表格。不过，老实说，我看不出有任何问题。

编辑2: https://jsfiddle.net/ujj3zkdq/

Answer 1

给弹出元素添加z-index。例如:z-index:1111;

Update:

Replace the function with this. You can change the placement as top, right, left or auto.

$(function() {
    $('table').DataTable({
       paging: false,
       searching: false,
       lengthChange: false
    });

    $('[data-toggle=popover]').popover({
       placement: "right",
       trigger: 'focus'
    });
});