I am facing a challenge with displaying data in a Buefy table in a way that it appears as a conventional table with columns arranged horizontally on all devices, rather than the stacked cards layout on mobile. In order to accommodate the content appropriately, I have implemented a media query to selectively hide certain columns, leaving only the most essential ones visible.
<b-table :data="this.standings">
<template slot-scope="props">
<b-table-column field="pos" numeric>{{props.row.pos}}</b-table-column>
<b-table-column field="name">{{props.row.name}}</b-table-column>
<b-table-column field="details" :visible="useFullTable()">{{props.row.details}}</b-table-column>
...
Although successfully hiding the detailed column data, the issue persists where the table switches to card view when the screen size is reduced.
Is there a method to disable this responsive behavior specifically for this particular table or view, without altering the global breakpoints or deactivating reactive tables throughout the application?