[Table] - Implement sortable function for TableColumn

[devminh]

Hi, I believe this is an important function for a table.

From @thien-do suggestion, the idea would be:

  interface TableColumn {
   title:ReactNode;
   render: | keyof R // Accessor | ((row: R, index: number) => ReactNode);
   sortable: true | undefined | () => void;
}

if sortable === undefined: not thing happen

if sortable === “true” -> client side, internal sort

//Client-side sorting:
sortable: () => {
  const newData = data.sort(something);
  setData(newData);
}

//Server-side sorting:
sortable: () => {
  const newData = await getNewData({ sort: “abc” });
  setData(newData)
}

Sortable table column example:

https://material-ui.com/components/tables/