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

Question

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

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

Answer 1

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

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

Answer 2

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

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>

请参见documentation。

Answer 4

对于bootstrap4

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