Data Tables

import { DataTable } from "simple-datatables"

export default function page(props) {
  const dataTableRef = useRef(false)
  useEffect(() => {
    const dataTable = new DataTable(dataTableRef.current, {})
  }, [])

  return(
    <table
        ref={dataTableRef}
      >
        <thead>
          <tr>
            <th>Name</th>
            <th>Company</th>
            <th>Email</th>
            <th>Phone</th>
            <th>City</th>
            <th>Orders</th>
          </tr>
        </thead>
        <tbody>
          {data.map((item, index) => (
            <tr key={index}>
              <td>
                <Link href="#">
                  <a className="text-muted">{item.person}</a>
                </Link>
              </td>
              <td>{item.company}</td>
              <td>{item.email}</td>
              <td>{item.phone}</td>
              <td>{item.city}</td>
              <td>{item.orders}</td>
            </tr>
          ))}
        </tbody>
      </table>
  )
}