zachleat
commented
6 years ago yeah, certainly. The swipe table does use column widths, so certainly you can use CSS to control the widths of different columns and media queries to limit those to certain viewport sizes.
Note also that the data-tablesaw-priority="persist" option works for persistent columns on swipe tables, so I would recommend using that instead of an absolute positioning approach.
Please reopen if you have additional questions.
Hi Zach,
I am using your swipe feature for my comparison table and it works great!
But I would like to know how I can influence the number of visible columns? As far as I know it depends on the width of columns and browser size.
For mobile users (320 to 479px) I would like to have three visible columns.
The first column with "position: absolute; left: 0; right: 0; text-align: center; width: 100%" is sticky (persist) and should overlap the following columns which have "width: 50%". All columns are displayed as "inline-block".
Doing this I only get two columns displayed, not three.
Is there a way to influence the number of visible columns?
I would be very grateful for any help.
Kind regards!
Manuel