idyll-langidyll
DocsTutorialsGalleryEditor
menu

Overview

  • Introduction
  • Getting started
  • Markup syntax
  • HTML tags
  • Options and styles
  • Plugin system
  • Multipage template

Interactivity

  • Built-in components
  • Using components from npm
  • Make your own component
  • Scrolling and Refs

Publishing

  • Deploying to the web
  • Embedding Idyll

Useful Links

  • Github
  • Chat
  • Twitter
  • Support Us
← Back

Table

Display tabular data. Uses https://github.com/react-tools/react-table under the hood to render the table.

Input:

[Table data:`[{a: 'a 1' , b: 'b 1'}, {a: 'a 1', b: 'b 1'}]` /]

Output:

Props

  • data array

    The data to be shown in a table. Should be an array of objects. Alias: data

    • Example: `[{name: "A", value: 0}, {name: "B", value: 5}]`
  • defaultPageSize number

    The number of datapoints to be shown on a page.

    • Example: 10
    • Default value: 20
  • showPagination boolean

    Show next and previous page buttons.

    • Example: false
    • Default value: true
  • showPageSizeOptions boolean

    Show options to configure page size.

    • Example: false
    • Default value: false
  • showPageJump boolean

    Show page jump option.

    • Example: false
    • Default value: false