But only with exportOptions { columns: [':visible'], rows: [':visible']} in the code instead of exportOptions: { rows: [':visible']}, which you seem to have given in the example, as it still copies hidden columns to the clipboard.
I've also implemented a rough fix for the hidden thead that takes up space
This is awesome, and so simple in the scheme of things. Is there an easy way to control which view is shown on page load? i.e. have the table load in card view?
The example is very useful! How can make the card view in center position? Besides, how can set the card view as default mode when the page is loaded? Thanks!
Replies
@gyrocode yes that css rule does work, thank you.
But only with
exportOptions { columns: [':visible'], rows: [':visible']}
in the code instead ofexportOptions: { rows: [':visible']}
, which you seem to have given in the example, as it still copies hidden columns to the clipboard.I've also implemented a rough fix for the hidden thead that takes up space
example: https://jsfiddle.net/suwznyaf/
This is awesome, and so simple in the scheme of things. Is there an easy way to control which view is shown on page load? i.e. have the table load in card view?
Looks like you will need to add the calls
cards
to thetable
tag. TherowCallback
converts to card mode if thetable
has the classcards
.Kevin
The example is very useful! How can make the card view in center position? Besides, how can set the card view as default mode when the page is loaded? Thanks!
Remove the
float: left
from this CSS:Add the class
cards
to thetable
tag.Kevin