datatabls-react v0.0.2

📋 DataTablsReact hooks : lightweight - fast - simple

😅 No dependencies - No css styles
DataTablsReact use Bootstrap classes by default

npm i datatabls-react

Usage

import DataTablsReact from "datatabls-react";

Examples

import React from 'react';
import { render } from "react-dom";
import DataTablsReact from "datatabls-react";
import users from './data/users'; // your data
  
const App = () => {
  
  const [selectedRow, setSelectedRow] = React.useState({})
  
  const options = {
    header: 'List of users', // specify the header of the table
    nbItemPerPage: 5 // specify the number of items per page
  }
  
  let getSelectedRow = (user) => { // get the selected row by clicking on radio button
    setSelectedRow(user);
  }
  
  return (
    <div className="container py-5">
      <DataTablsReact
        data={users} // your data here (Array of objects)
        options={options} // some options (Object)
        getSelectedRow={getSelectedRow} // return select row (Funcion (Object))
      />

      <div className="alert alert-primary text-break mt-3" role="alert">
        {JSON.stringify(selectedRow)}
      </div>

    </div>
  );
}

License

MIT