Lowdefy
  • Introduction
  • Tutorial
  • Concepts
  • User Authentication
  • Input Blocks
    • AutoComplete
    • ButtonSelector
    • CheckboxSelector
    • ChromeColorSelector
    • CircleColorSelector
    • ColorSelector
    • CompactColorSelector
    • DateRangeSelector
    • DateSelector
    • DateTimeSelector
    • GithubColorSelector
    • MonthSelector
    • MultipleSelector
    • NumberInput
    • Pagination
    • ParagraphInput
    • RadioSelector
    • RatingSlider
    • S3UploadButton
    • Selector
    • SliderColorSelector
    • SwatchesColorSelector
    • Switch
    • TextArea
    • TextInput
    • TitleInput
    • TwitterColorSelector
    • WeekSelector
  • Display Blocks
  • Container Blocks
  • Context Blocks
  • List Blocks
  • Connections
  • Actions
  • Operators

Pagination

value type: object

The Pagination controls user input for pagination purposes.

This block does not paginate requests, it only manage pagination parameters which can be used to control pagination requests.

Block
  • 1
  • 2
  • 3
  • 4
  • 5
  • •••
  • 10
  • 10
State
block_id:
  current: 0
  pageSize: 10
  skip: 0

Block Setup
id: block_id
type: Pagination
properties:
  pageSizeOptions:
    - 10
    - 20
    - 30
    - 40

Settings
properties:
Disable pager.
Hide pager on short list of a single page.
pageSizeOptions:

Determine whether you can jump to pages directly.
Determine whether to show page size select, it will be true when total > 50.
Show pagination total number and range.
Use simplified pagination display.
Pagination element size.
Total number of items to be displayed in pagination.
layout:
style:
events:
required:
visible:
Pagination JSON Schema Definition
type: object
properties:
  events:
    additionalProperties: false
    properties:
      onChange:
        description: Triggered when current page is changed.
        type: array
      onSizeChange:
        description: Triggered when page size is changed.
        type: array
    type: object
  properties:
    additionalProperties: false
    properties:
      disabled:
        default: false
        description: Disable pager.
        type: boolean
      hideOnSinglePage:
        default: false
        description: Hide pager on short list of a single page.
        type: boolean
      pageSizeOptions:
        default:
          - 10
          - 20
          - 30
          - 40
        description: Specify the page size changer options.
        items:
          type: number
        type: array
      showQuickJumper:
        default: false
        description: Determine whether you can jump to pages directly.
        type: boolean
      showSizeChanger:
        default: false
        description: >-
          Determine whether to show page size select, it will be true when total >
          50.
        type: boolean
      showTotal:
        default: false
        description: Show pagination total number and range.
        type: boolean
      simple:
        default: false
        description: Use simplified pagination display.
        type: boolean
      size:
        default: default
        description: Pagination element size.
        enum:
          - small
          - default
        type: string
      total:
        default: 100
        description: Total number of items to be displayed in pagination.
        type: integer
    type: object
  

Was this helpful?

😭
😟
😊
😀
Edit this page on Github

Build internal tools with YAML.

hello@lowdefy.com

Subscribe to our newsletter

Receive the latest Lowdefy updates in your inbox.
Why Lowdefy
Quick Start Tutorial
Deploy to Netlify
How Lowdefy Works
Github Repository
Version Changelog
Apache-2.0 License
© 2021 Lowdefy, Inc. - Give. Easy. Value.