如何使Bootgrid分页元素相对于其父容器保持固定位置，不受表格行数的影响？

Question

我正在处理一个JQuery Bootgrid表格的分页元素，但是无法使其保持正确的位置。无论我尝试什么，它似乎都相对于最后一行表格而定位。我尝试将容器div设置为相对定位，并使用top、left等属性，但无法使其正常工作。以下是一些图片，展示了当前分页的位置：

我试图将分页与标为“Click Me!”的按钮定位相似。这是我希望元素永久定位的位置，无论表格中有多少项：

可以使用以下内容来定位分页元素：

" #form .bootgrid-footer .pagination, .bootgrid-header .pagination "

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

See JSFiddle

- bicycle_guy

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元素进行定位，您可以按照自己的方式定位它。

- dave