meta info
- Title: Paging TagHelper Styling
- Keywords: asp.net-core, taghelpers, paging, control, pagination, styling
- Description: Change the look of PagingTagHelper via bootstrap styling.
- Author: Ziya Mollamahmut
- Date: 08-Aug-2020
- Image: https://github.com/LazZiya/Docs/raw/master/LazZiya.TagHelpers/v6.0/images/lazziya-tagheleprs-logo.png
- Image-alt: LazZiya.TagHelpers Logo
- Version: v6.0
Paging TagHelper Styling
Paging taghelper has class-* attributes to change the styling, so you can build a themed control (dark, light, etc.)
See all available styling attributes here.
Default style
<paging page-no="1"
page-size="10"
total-records="30">
</paging>Dark style
<paging page-no="1"
page-size="10"
total-records="30"
class-page-link="bg-dark text-warning border-secondary"
class-disabled-jumping-button="bg-dark text-secondary border-secondary"
class-active-page="bg-warning text-dark">
</paging>Gray style
<paging page-no="1"
page-size="10"
total-records="30"
class-page-link="bg-secondary text-light border-dark"
class-disabled-jumping-button="bg-secondary text-dark border-dark"
class-active-page="bg-light">
</paging>