Skip to main content

Getting Started

Install the package​

npm install mui-universal-table

Install peer dependencies​

npm install react react-dom @mui/material @emotion/react @emotion/styled @mui/icons-material prop-types

Basic usage​

import React from 'react';
import {UniversalTable} from 'mui-universal-table';

const headers = [
  {id: 'name', label: 'Name', searchable: true},
  {id: 'email', label: 'Email', searchable: true},
  {id: 'age', label: 'Age', numeric: true},
];

const data = [
  {name: 'John Doe', email: 'john@example.com', age: 30},
  {name: 'Jane Smith', email: 'jane@example.com', age: 25},
];

export default function UsersTable() {
  const [loading, setLoading] = React.useState(false);

  return (
    <UniversalTable
      data={data}
      headers={headers}
      name="Users"
      loading={loading}
      setLoading={setLoading}
    />
  );
}