Place <td> below the <th> in mobile view instead of placing it on <th>'s right side.
This feature is very helpful in my use case, but it would be great if we can have this enhancement request or if anyone can assist me on how to attain the following:
Is your feature request related to a problem? Please describe. No, it's not - more of an enhancement request - I have a Td that has long text, it would be great if we can pass some sort of prop to a Th or Td that will place the value below the header instead of placing the value at the right side of the header
Describe the solution you'd like It would be great if we can pass a prop if possible to make the Td go below the Th instead of the Td being on the right side of Th
Describe alternatives you've considered I tried to add a div for the Td that holds the text that should be placed below the Th and tried to use flexbox (column direction) but it didn't work
Additional context
Current behavior:
Requested behavior:
If this is not something we can add to the library, can someone help me how can I achieve this?