https://github.com/mikeale03/reactstrap-sortable-table

A customizable react bootstrap sortable table component
https://github.com/mikeale03/reactstrap-sortable-table

bootstrap5 react-bootstrap reactjs

Last synced: 5 days ago
JSON representation

A customizable react bootstrap sortable table component

• Host: GitHub
• URL: https://github.com/mikeale03/reactstrap-sortable-table
• Owner: mikeale03
• Created: 2022-02-14T04:15:12.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-06-05T01:56:45.000Z (over 2 years ago)
• Last Synced: 2024-12-16T19:51:55.165Z (9 days ago)
• Topics: bootstrap5, react-bootstrap, reactjs
• Language: JavaScript
• Homepage: https://mikeale03.github.io/reactstrap-sortable-table/?path=/story/sortable-table--sample-table
• Size: 2.62 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Reactstrap-Sortable-Table

**Reactstrap-Sortable-Table** is sortable table component build with **[React-Bootstrap](https://react-bootstrap.github.io/)** 

## Installation

Use the npm package manager to install Reactstrap-Sortable-Table.

```bash

npm install reactstrap-sortable-table

```

## Peer Dependencies

This package needs this libraries to be installed.

```bash

"peerDependencies": {

    "bootstrap": "^5.1.3",

    "react": "^17.0.2",

    "react-bootstrap": "^2.1.2",

    "react-dom": "^17.0.2"

}

```

## Usage

```javascript

import SortableTable from 'reactstrap-sortable-table'

import 'bootstrap/dist/css/bootstrap.min.css';

import React, { useState } from 'react';

function Component() {

  const [data, setData] = useState([

    {header1: 'Michael', header2: 'James', header3: 'Tran', header4: 'Hill'},

    {header1: 'Jack', header2: 'Cole', header3: 'Naix', header4: 'Sia'},

    {header1: 'Lina', header2: 'Trent', header3: 'Jug', header4: 'Shane'},

    {header1: 'Moss', header2: 'Creed', header3: 'Goons', header4: 'Dhale'},

    {header1: 'Bike', header2: 'Troll', header3: 'Need', header4: 'Groot'},

  ])

  return (

     

  );

}

export default Component;

```

## Documentation

Check the **[props documentation](https://mikeale03.github.io/reactstrap-sortable-table/?path=/story/sortable-table--sample-table)** for more information

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.