0

我有一个表格，每个单元格都包含一个链接列表。我选择仅在 中显示列表的第一项<td>，然后我创建了一个badge并将其放在该项旁边<td>。单击 会badge生成一个popover包含列表中其余项目的列表。添加，top|right|left|bottom工作正常，但有时会popover被浏览器窗口的边缘切断，具体取决于触发元素的位置。我试着用auto right一种方式说，“嘿，如果右边没有空间可以打开，那么就在左边打开”，但是“ auto”类总是将弹出框放在单元格中项目的顶部。我试过添加data-container="body"到触发元素，但它似乎没有任何效果。关于如何使“自动”类在表格单元格中正确运行的任何想法？

另外，我没有使用jquery. 我使用jqlite的是 Angular 框架提供的，假设该信息对任何试图回答这个问题的人都很重要。

HTML：

<span ng-if="something.length > 0">
<span ng-if="something[0].link">
    <a>{{something[0].content}}</a>
    <span ng-if="something.length > 1">
        <a type="button"
           class="btn badge"
           title="Title"
           popover-template="somedirectory/someotherdirectory/somefile.tpl.html"
           data-container="body"
           popover-placement="auto right">
            +{{something.length - 1}}
        </a>
        <span ng-cloak></span>

    </span>
</span>

4

0 回答 0