При щелчке на элементе таблицы выбирается и отображается весь столбец, а другие столбцы не отображаются. При повторном щелчке элемента отображается карточка с более подробной информацией.
<Tbody>
{data.map((d) => (
<Tr>
<Td>{d.Employee}</Td>
<Td>{d.HrsWorked}</Td>
<Td>{d.Overtime}</Td>
<Td>{d.SubmitedOn}</Td>
<Td>{d.ApprovedBy}</Td>
<Td>{d.ApprovedOn}</Td>
<Td>{d.Status}</Td>
</Tr>
))}
</Tbody>