Question: How to achieve the expanded view when a table item is clicked?
aditi2708
Posted on August 10, 2022
On clicking the table item the entire column is selected and displayed and the other columns are not displayed. On clicking the item again a card with more details is displayed.
<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>
💖 💪 🙅 🚩
aditi2708
Posted on August 10, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.