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

【问题标题】：Yii GridView widget - center align paginationYii GridView 小部件 - 居中对齐分页
【发布时间】：2015-12-08 05:10:19
【问题描述】：

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

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

【问题讨论】：

解释得更好。显示样本
可能你必须覆盖yii/helpers/BaseHml。

标签： gridview yii2 pager

【解决方案1】：

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

【讨论】：

@olegtaranenko：答案中没有链接。
Yii2 已经包含 bootstrap，类 'text-center' 是自己的 bootstrap。不需要此参考链接。

【解决方案2】：

align="center" 可以完成您的工作。见代码。

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

【讨论】：

align="center" 已被 HTML5 弃用。请改用 Liz 的答案，class="text-center"。

【解决方案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>

见documentation。

【讨论】：

【解决方案4】：

对于 bootstrap4

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

【讨论】：