reactjs-simple-table/App.js

Reactjs simple table for showing list of data with sorting and pagation

import React, { useState } from "react";
import SimpleTableComponent from "./components/simple-table";
import ServerSimpleTableComponent from "./components/server-simple-table";
const columns = [{
  field: "id",
  headerName: "id"
}, {
  field: "name",
  headerName: "name"
}, {
  field: "username",
  headerName: "username"
}, {
  field: "email",
  headerName: "email"
}];

function App() {
  const [list, setList] = useState([]);

  const tableData = item => {
    fetch(`https://jsonplaceholder.typicode.com/users?_start=${(item.page - 1) * item.numberPerPage}&_limit=${item.numberPerPage}`).then(response => response.json()).then(json => setList(json));
  };

  return /*#__PURE__*/React.createElement("div", {
    className: "App"
  }, /*#__PURE__*/React.createElement(ServerSimpleTableComponent, {
    columns: columns,
    list: list,
    onGetData: tableData,
    total: 10,
    serverSideFiltering: false
  }));
}

export default App;