https://github.com/p-adams/react-data-jam

https://github.com/p-adams/react-data-jam

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/p-adams/react-data-jam
• Owner: p-adams
• Created: 2024-01-25T07:26:29.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-02-11T08:13:42.000Z (11 months ago)
• Last Synced: 2024-11-07T22:43:30.256Z (about 2 months ago)
• Language: TypeScript
• Size: 69.3 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Data Jam

React Data Jam is a versatile data table component designed for displaying tabular data in React applications. It provides a rich set of features including sorting, filtering, pagination, row selection, and customizable column rendering.

### Features:

- Sorting: Easily sort columns in ascending or descending order.

- Filtering: Filter rows based on custom criteria to focus on relevant data.

- Pagination: Navigate through large datasets with built-in pagination controls.

- Row Selection: Select individual rows or multiple rows for further actions.

### Installation (WIP)

To install React Data Jam in your React project, you can use npm or yarn:

`npm install react-data-jam`

or

`yarn add react-data-jam`

### Usage

```

import React from 'react';

import DataJam from 'react-data-jam';

const MyComponent = () => {

  // Your tabular data array

  const data = [/* Your data here */];

  return (

    


      
My Data Jam

      

    

  );

};


export default MyComponent;

```

### Props (WIP)

Prop Type Description:

`data` : Tabular data array to be displayed

`[options]`: Customization options (optional)

Examples

For more usage examples and customization options, refer to the [examples directory](https://github.com/p-adams/react-data-jam/tree/main/src/examples).

###License

This project is licensed under the MIT License - see the LICENSE file for details.