react-super-responsive-table icon indicating copy to clipboard operation
react-super-responsive-table copied to clipboard

Place <td> below the <th> in mobile view instead of placing it on <th>'s right side.

Open hexenmesser opened this issue 2 years ago • 0 comments

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: image

Requested behavior: image

If this is not something we can add to the library, can someone help me how can I achieve this?

hexenmesser avatar Sep 05 '23 09:09 hexenmesser