I joined Argentex to lead the FE web platform (aka Portal) for our clients to interact with our API. It was rich in features from User Management, Onboarding & KYC, User Profile Settings and much more...

We were not sure whether to bring a new library for the new table component, or implement a basic version for the time being.

Ultimately, we decided to quickly implement using ShadCN (which we already had).

Table API

A basic example of how we can use the table would be something like...

import {
  title,
  readTimeInMinutes,
  status,
  date,
  tags,
} from './table.columns'
 
export default function Table() {
  return (
    <div className="border-foreground/10 mx-auto max-w-full rounded-sm border lg:max-w-7xl">
      <DataTable
        columns={[title, date, readTimeInMinutes, status, tags]}
        data={cheats}
      />
    </div>
  )
}