JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 22
  • Score
    100M100P100Q48967F
  • License ISC

Table to dynamically display data

Package Exports

  • @aberanger/data-table
  • @aberanger/data-table/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@aberanger/data-table) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Data-Table : Dyamic table to display data

Data-Table is a ReactJS npm package built to display data into a dynamic table

Features

  • Sorting by column
  • Search bar to filter displayed data
  • Paging system

Props

  • data: Array of objects, each object represents a row in the table

Example: [{ firstName: 'Sasha', bankAccount: 251 }, { firstName: 'Esther', bankAccount: 1587 }]

  • column: Array of objects, each object contains column name ('title' attribute) and column id ('data' attribute). Each column id must match an attribute in data props.

Example: [{ title: 'First Name', data: 'firstName' },{ title: 'Bank Account', data: 'bankAccount' }]

Authors

Alexandre Beranger

Licensing

This project was built under the CC BY Creative Commons licence.