Datatable: Hide columns in mobile view?
-
Is there a simple way to hide some columns on small screens (either in responsive view or table view)?
-
As far as I know at the moment there is no simple solution, but the next release should include a rewritten DataTable, so wait for this one.
-
mobile-hide is listed in the doc, but does not make it through to the css in my 14.2 version of Quasar.
-
+1.
Can’t find any information in the docs yet. I’d like a class attribute in the columns array which lets us do something like:
class: ‘gt-sm hidden-sm’ etc -
@Nicholas I think you can use visible-columns for that.
-
@shone does that work separately on mobile from desktop? I thought it was everywhere or nowhere
-
@ssuess That’s right. I have got it working based on screen size, but like you mentioned, its either everywhere or nowhere. It is a working solution in my case though; but it would be a lot easier if we could use CSS classes to manipulate the table instead.
