Column width on mobile phone and database buttons not showing
-
Hi there, I have created a table and am now trying to add some download buttons so people could copy it, get the PDF, etc. I installed the DataTables Button Extension and used the following shortcode:
[table id=4 responsive=”scroll” datatables_buttons=”copy,csv,excel,pdf,print” /]
But the buttons are not showing. Could it be because I had to merge some cells here and there? I read initially that JavaScript functions would not work well if I merged anything… I have marked the “Use DataTables” option but still doesn’t work. What else can I do?
I have a second question regarding column width on mobile devices. As you saw in the previous shortcode, I am using the responsivity extension on scroll mode. It works wonders: thank you very much, it is one of the cleanest designs out there. However, the width that I set on custom CSS only shows up on laptop, and phone devices show random widths for each column. I solve this problem after reading other answers by setting a 350px minimum width. However, I tried a minimum 40% width and it didn’t work. Why does it only work with pixels and not %? I used this very same code, but instead of “350px” at the end, I wrote “40%”.
.tablepress-id-4 .column-1 { width: 30%; } .tablepress-id-4 .column-2 { width: 15%; } .tablepress-id-4 .column-3 { width: 10%; } .tablepress-id-4 .column-4 { width: 5%; } .tablepress-id-4 .column-5 { width: 40%; min-width: 350px; }
Thanks a lot Tobias, and congratulations for a fantastic FREE plugin (donations apart), better than most PRO versions of any other table plugin.
The page I need help with: [log in to see the link]
- The topic ‘Column width on mobile phone and database buttons not showing’ is closed to new replies.