響應被剪裁的彈出式對話框

引導3，彈出式對象被剪切在table-responsive中。我已經嘗試了一些東西，例如將table-responsive類設置爲overflow-y: visible;，但沒有任何幫助。希望有人能指出我正確的方向。響應被剪裁的彈出式對話框

編輯：不知道這有什麼差別，但我還使用數據表顯示表。儘管如此，我真的無法從這方面看到任何問題。

EDIT2：https://jsfiddle.net/ujj3zkdq/

來源

2016-06-28 adamj

添加的z-index來彈出元素。 ex：z-index：1111;

更新：

這個替換功能。您可以將展示位置更改爲頂部，右側，左側或自動。

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

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

來源

2016-06-28 04:20:04

第一件事情，但沒有骰子。 – adamj

@adamj你可以請分享一個小提琴，這樣很容易修復。 –

嘿Abhay，增加了jsfiddle鏈接爲每個人的頂部。看起來是一個Datatables問題，但* /劃痕頭*不知道在哪裏或爲什麼。 – adamj

試試你的酥料餅的container屬性設置爲'body'它設置你的酥料餅的容器的<body>標籤。就像這樣：

$('#myPopover').popover({container: 'body'});

或

<a href="#" data-toggle="popover" data-container="body" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>

來源

2016-06-28 04:23:26

也試過這個，但是當你在桌子上滾動時，它會在這個地方移動popover。 – adamj

嘗試添加選項container: "body"，它會工作

我試圖

$(document).popover({ 
    selector: '[data-toggle=popover]', 
    html: true, 
    trigger: 'focus', 
    container: "body" 
});

來源

2017-10-12 05:47:55

響應被剪裁的彈出式對話框

回答

相關問題