Yii GridView小部件 - 居中对齐分页

Question

GridView::widget([
    'dataProvider' => $dataProvider
    'layout' => "{summary}\n{items}\n<div class=''>{pager}</div>",
    'columns' => $columns,
]);

默认情况下，GridView小部件将分页呈现为ul标签，我希望改为使用table。

- Simon Tsang

---

解释得更好。展示样例。 - ScaisEdge

可能你需要覆盖 yii/helpers/BaseHml。 - Thiago Augustus Oliveira

Answer 1

align="center"可以实现你的需求。请查看以下代码：

GridView::widget([
    'dataProvider' => $dataProvider
    'layout' => "{summary}\n{items}\n<div align='center'>{pager}</div>",
    'columns' => $columns,
]);

- ankitr

---

align="center" 在HTML5中已被弃用。请使用Liz的答案，即class="text-center"。 - Stefan Vilbrandt

Answer 2

GridView::widget([
    'dataProvider' => $dataProvider
    'layout' => "{summary}\n{items}\n<div class='text-center'>{pager}</div>",
    'columns' => $columns,
]);

- Liz

---

@olegtaranenko：回答中没有链接。 - serenesat

Yii2已经包含了Bootstrap，类“text-center”是自带的Bootstrap。不需要这个参考链接。 - Liz

Answer 3

对于 bootstrap 4 小部件，请使用 justify-content-center，例如：

GridView::widget([
    'dataProvider' => $dataProvider
    'layout' => "{summary}\n{items}\n<div class='d-flex justify-content-center'>{pager}</div>",
    'columns' => $columns,
]);

或者

<div class="d-flex justify-content-center">
    <?= LinkPager::widget([
        'pagination' => $pagination,
    ]) ?>
</div>

请参阅文档。

- lubosdz

Answer 4

针对Bootstrap4

GridView::widget([
    'dataProvider' => $dataProvider
    'layout' => "{summary}\n{items}\n<div class='mx-auto'>{pager}</div>",
    'columns' => $columns,
]);

- Manop Kongoon