basic material-table

basic material-table

import React, { useState } from "react"; 
import "./styles.css"; 
import MaterialTable from "material-table"; 
export default function App() { 
   const [data, setData] = useState([
     { name: "Jon", job: "Software Dev", age: 29 }
   ]);
   return ( 
      <div className="App"> 
        <h1>Material-Table Demo</h1> 
        <div style={{ maxWidth: "100%" }}>
          <MaterialTable 
            columns={[
              { 
                title: "Name", 
                field: "name"
              },
              { 
                title: "Occupation",
                field: "job" 
              }, 
              { 
                title: "Age", 
                field: "age",
                type: "numeric"
              }
            ]}
            data={data}
            title="Material-Table Demo" 
          />
       </div> 
     </div> 
   ); 
}