The DataView was designed to use repsonsive columns, having the ability to show more columns on wider screens, and less columns on narrower viewports. The component was implemented with a 'reactivePriority' (sic) attribute. This causes the component to render a style rule with media queries according to the priority set by the attribute value. The values on the min-width written for these values appear to not be functional, eg:

@media only all { th.mobi-dv-c-1, td.mobi-dv-c-1, th.mobi-dv-c-2, td.mobi-dv-c-2, th.mobi-dv-c-0, td.mobi-dv-c-0 { display: none; }}
@media screen and (min-width: 1557px) { td.mobi-dv-c-0, th.mobi-dv-c-0 { display: table-cell; }}
@media screen and (min-width: 1499px) { td.mobi-dv-c-2, th.mobi-dv-c-2 { display: table-cell; }}
@media screen and (min-width: 1499px) { td.mobi-dv-c-2, th.mobi-dv-c-2 { display: table-cell; }}
@media screen and (min-width: 1446px) { td.mobi-dv-c-1, th.mobi-dv-c-1 { display: table-cell; }}

The above rules do not provide any useful responsive columns.