DataTable - Responsive DataTable columns are displayed as stacked in responsive mode if the screen size becomes smaller than a certain breakpoint value. This feature is enabled by setting responsive to true.
Responsive

export class DataTableResponsiveDemo implements OnInit {

    cars: Car[];

    cols: Column[];

    constructor(private carService: CarService) { }

    ngOnInit() {
        this.carService.getCarsMedium().then(cars => this.cars = cars);

        this.cols = [
            {field: 'vin', header: 'Vin'},
            {field: 'brand', header: 'Brand'},
            {field: 'year', header: 'Year'},
            {field: 'color', header: 'Color'}
        ];
    }
}


<p-dataTable [value]="cars" [columns]="cols" [rows]="10" [paginator]="true" [pageLinks]="3" [responsive]="true">
    <header>Responsive</header>
</p-dataTable>