react-data-table-component-with-filter

A simple to use declarative react based data table

Usage no npm install needed!

<script type="module">
  import reactDataTableComponentWithFilter from 'https://cdn.skypack.dev/react-data-table-component-with-filter';
</script>

README

React Data Table Component

Note: This is a clone of https://github.com/jbetancur/react-data-table-component with one additional feature: Column Filtering. Once jbetancur merges the corresponding PR and publishes an updated version of his data table component, this site will get deprecated!

Creating yet another React table library came out of necessity while developing a web application for a growing startup. I discovered that while there are some great table libraries out there, some required heavy customization, were missing out of the box features such as built in sorting and pagination, or required understanding the atomic structure of html tables.

If you want to achieve balance with the force and want a simple but flexible table library give React Data Table Component a chance. If you require an Excel clone, then this is not the React table library you are looking for 👋

Key Features

  • Filterable columns
  • Declarative configuration
  • Built-in and configurable:
    • Sorting
    • Selectable Rows
    • Expandable Rows
    • Pagination
  • Themeable/Customizable
  • Accessibility
  • Responsive (via x-scroll/flex)

Documentation Website

The documentation contains information about installation, usage and contributions.

https://anothercodeartist.github.io/react-data-table-component

Supporting React Data Table Component

If you would like to support the project financially, visit our campaign on OpenCollective. Your contributions help accelerate the development of React Data Table Component!