table_tailwind_usage.tsx

 const memberColumns = useMemo(() => {
    return [
      {
        Header: "Domain Name",
        accessor: "name",
      },
      {
        Header: "# of Records",
        accessor: "number_of_records",
        Cell: ({ value }) => {
          return <span>{value} records</span>;
        },
      }
      ]},[])

 <Datatable
      columns={memberColumns}
      data={data_from_api}    
      //when clicking on each row
      rowClick={(row) => {
          navigate(
             `/detail/${row?.["id"]}/view`
              );
            }}
   />