Make data grid rows responsive

On an existing application, there is a data grid displaying data on a form. On mobile devices, I would like the columns in the rows to act responsively. This is what the data grid looks like now: Heading 1 Heading 2 Heading 3 Data Cell 1 Data Cell 2 Data Cell 3 I would like the grid display on a mobile device to drop down with column heads above them like this: Heading 1 Data Cell 1 Heading 2 Data Cell 2 Heading 3 Data Cell 3 Thank you.