CODEWITHSUNDEEP
gridviewyii2pager
Simon Tsang
Simon Tsang

Reputation: 68

Yii GridView widget - center align pagination

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

By default GridView widget renders the pagination as ul tag and I want to change this to use table instead.

Upvotes: 4

Views: 9244

Answers (4)

Manop Kongoon
Manop Kongoon

Reputation: 21

For bootstrap4

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

Upvotes: 0

lubosdz
lubosdz

Reputation: 4510

For bootstrap 4 widgets use justify-content-center eg:

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

or

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

See documentation.

Upvotes: 0

ankitr
ankitr

Reputation: 6182

align="center" can do your job. see code.

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

Upvotes: 3

Liz
Liz

Reputation: 575

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

Upvotes: 2

Related Questions