jquery - 无论表格行数如何，都强制 Bootgrid 分页元素相对于其父容器保持在一个位置？

Question

我无法让我正在处理的 JQuery Bootgrid 表的分页元素保持在正确的位置。无论我尝试什么，它似乎都相对于最后一个表格行定位。我尝试将容器 div 设置为相对并使用顶部、左侧等，但我无法让它工作。下面是一些图片来显示当前的分页位置：

我试图让分页定位类似于标有“点击我！”的按钮。这是我希望元素永久存在的地方，无论表中有多少项目：

可以使用以下方法定位分页元素：

“ #form .bootgrid-footer .pagination, .bootgrid-header .pagination ”

我在JSFiddle中设置了一个演示。CSS 部分中的最后一项标记如上所示，并将影响 Bootgrid 分页的样式。

See JSFiddle

Answer 1

http://jsfiddle.net/1k5btepn/3/

#grid-command-buttons-footer .col-sm-6 {
    position: absolute;
    top: 450px;
}

问题是，如果您设置 .pagination 元素 CSS，即使它是absolute，它仍然是相对于.col-sm-6元素的（因为.col-类是position: relative）。但是，如果您定位正确的.col-sm-6元素，您可以按照您想要的方式定位它。