How can I align all my tables to the left side of the page? I need to have all of the tables scrollable for viewing on mobile devices, but then on a full desktop browser, it centers the table in the middle of the page even with only a few columns.
Can I align the table to the left side?
Also, is there a way to hide the scrollbar if the table fits within the page? If you see in the screenshot some of the tables are small with few columns yet the scrollbar still appears below the table.
How can I align all my tables to the left side of the page? I need to have all of the tables scrollable for viewing on mobile devices, but then on a full desktop browser, it centers the table in the middle of the page even with only a few columns.
Can I align the table to the left side?
Also, is there a way to hide the scrollbar if the table fits within the page? If you see in the screenshot some of the tables are small with few columns yet the scrollbar still appears below the table.
Hi Eric,
Thank you for your purchase.
In your case you can use this code to position the tables on the left side
.wpdt-c .wpDataTablesWrapper .wdtscroll table{margin-left: 0px !important;
}
Unfortunately it is not possible to hide the scrollbar my suggestion is if you have small tables that you do not use scrollable option for them.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables