react-offline-table
An offline react table with the ability to sort and filter
Example
https://firzok.github.io/react-offline-table/
Install
npm install --save react-offline-table
Usage
import React Component from 'react' import headerFields employeeData EmployeeStatus pages colors from './static_lists'; import OfflineTable from 'react-offline-table'; import moment from 'moment'; import faEye faEdit from '@fortawesome/free-regular-svg-icons'; { console console } { console console } { console } { var _data = for var i = 0; i < employeeDatalength; i++ var row = ; // Column 1 // const actions = [ // { icon: "fas fa-eye text-success-600 cursor-pointer mr-2", callBack: this.viewEmployee.bind(this, employeeData[i].emp_id) }, // { icon: "fas fa-edit text-info-600 cursor-pointer", callBack: this.editEmployee.bind(this, employeeData[i].emp_id) } // ] const actions = icon: faEye className: "text-success-600 cursor-pointer mr-2" callBack: thisviewEmployee icon: faEdit className: "text-success-600 cursor-pointer mr-2" callBack: thiseditEmployee row // Column 2 row // Column 3 row; // Column 4 const avatar = topText: employeeDatainame bottomText: employeeDataiplayed_by picture: employeeDataiprofile_picture ; row // Column 5 row; // Column 6 if employeeDataistatus === "Support" row; else if employeeDataistatus === "Main" row; else if employeeDataistatus === "Villain" row; _data; return <div> <OfflineTable = = = = = = = /> </div> }
License
MIT © firzok