1.0.32 • Published 4 years ago

xs-react-table v1.0.32

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

A small, simple and headless UI react table. It's up to you to define the shape, attributes, eventlisteners, styles, ... of every single element of your table.

Installation

  npm i xs-react-table

  yarn add xs-react-table

  import { Table } from 'xs-react-table'

Demo

Code Sandbox

Basic Usage

Define thead, tbody and tfoot using this basic skeleton:

  {
    tr: {
      rows: [
        {
          td: {
            cols: [
              {
                content: "Your Text Here",
              }
            ]
          }
        },
      ]
    }
  }

Example:

  const head = {
    tr: {
      rows: [
        {
          td: {
            cols: [
              {
                content: "First Name",
              },
              {
                content: "Last Name",
              },
            ]
          }
        },
      ]
    }
  }


  const body = {
    tr: {
      rows: [
        {
          td: {
            cols: [
              {
                content: "John",
              },
              {
                content: "Doe",
              },
            ]
          }
        },
        {
          td: {
            cols: [
              {
                content: "Jane",
              },
              {
                content: "Doe",
              },
            ]
          }
        },
      ]
    }
  }


  const foot = {
    tr: {
      rows: [
        {
          td: {
            cols: [
              {
                content: "Whatever",
              },
              {
                content: "You",
              },
              {
                content: "Like",
              },
            ]
          }
        }
      ]
    }
  }

Pass them to <Table> component

  <Table head={head} body={body} foot={foot} />

Extra fields

will be updated

Author

šŸ‘¤ Truong Nguyen

šŸ“ License

Copyright Ā© 2021 Truong Nguyen. This project is MIT licensed.


This README was generated with ā¤ļø by readme-md-generator

1.0.32

4 years ago

1.0.29

4 years ago

1.0.28

4 years ago

1.0.27

4 years ago

1.0.31

4 years ago

1.0.30

4 years ago

1.0.19

4 years ago

1.0.17

4 years ago

1.0.16

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.22

4 years ago

1.0.21

4 years ago

1.0.10

4 years ago

1.0.20

4 years ago

1.0.26

4 years ago

1.0.15

4 years ago

1.0.25

4 years ago

1.0.14

4 years ago

1.0.24

4 years ago

1.0.13

4 years ago

1.0.23

4 years ago

1.0.12

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago