Breakpoint in DataTable

[PerryProjects]

I'm trying to use breakpoints in the DataTable. I believe it used to work with responsiveLayout, but that option no longer appears in the documentation. Apparently, only horizontal scrolling is supported now for mobile or responsive layouts.

I'm using primevue 4 in Hybrid Mode with TailwindCss 4.

Is there any chance i get cards on mobile or must i style it by myself?

in the following my table:

<template>
    <div class="px-4 ">
        <DataTable
            :value="teamList!"
            striped-rows
            :loading="isLoading"
            breakpoint="1200px"
        >
            <Column
                field="hasPaid"
                header="Hat bezahlt?"
            >
                <template #body="{ data }: { data: ListTeam }">
                    <Tag
                        v-if="data.costsPaid === 0"
                        severity="danger"
                        value="Nicht bezahlt"
                    />
                    <Tag
                        v-else-if="data.costsPaid > 0 && data.costsPaid < data.costsDue"
                        severity="warn"
                        value="Teilweise bezahlt"
                    />
                    <Tag
                        v-else-if="data.costsPaid === data.costsDue"
                        severity="success"
                        value="Bezahlt"
                    />
                    <Tag
                        v-else
                        severity="info"
                        value="Überbezahlt"
                    />
                </template>
            </Column>
            <Column
                field="name"
                header="Teamname"
            />
            <Column
                field="memberCount"
                header="Anzahl Spieler"
            >
                <template #body="{ data, field }">
                    {{ data[field as string] }}
                </template>
            </Column>
        </DataTable>
    </div>
</template>