I would like to duplicate the functionality show in this codepen: (https://codepen.io/joshnh/pen/vOxxQX?editors=110). At 600px, it stacks the table header on the left side, and the data on the right side. I have a RadGrid with over 20 columns, and to make this mobile-friendly I'd like to be able to create the same affect on a RadGrid.
This approach appears to be dependent on having data-labels on the <td>. I see the grid headers are rendered as a th, but I don't see a way to have a data-label on the <td>. Is there any way to make the UniqueName render as a data-label, or is there some other approach that can make RadGrids columns stackable with the header name on the left side?
Thank you.