2. When you go to Table Tools tab above the table, you can add "Column visibility":
3. If you mean the check-box filter which appear in a separate modal, you simply need to define the column's filter type to be "Checkbox", and enable "Render in modal" (in column settings):
4. You don't need any CSS since that style is being generated by the Aqua skin we're using in our documentation. Please go to main settings/skins and change it to Aqua, and you'll have the same look as we do.
Hi there,
i have some styling questions.
1) How to add a rounded border to the outer line of the table?
Adding border-radius: 10px to the .table.wpDataTable class did not work.
2) Your example tables are showing a button which allows to show/hide columns. How can i use this button?
3) How can the popup select filters be used? (Like in the responsive products table review). I dont see this functionality anywhere.
4) Whats the css which i need to get the same search text field styling as i your example tables?
Thanks in advance,
Michael
Hello Michael.
1. You can use the following CSS for rounding the border:
div#wpdatatable-preview-container { border-radius: 10px !important; }2. When you go to Table Tools tab above the table, you can add "Column visibility":
3. If you mean the check-box filter which appear in a separate modal, you simply need to define the column's filter type to be "Checkbox", and enable "Render in modal" (in column settings):
4. You don't need any CSS since that style is being generated by the Aqua skin we're using in our documentation. Please go to main settings/skins and change it to Aqua, and you'll have the same look as we do.
Kind Regards,
Aleksandar Vuković
aleksandar.vukovic@tmsproducts.io
Rate my support
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
Hi Aleksandar,
thanks a lot!
Regards,
Michael
You're welcome, Michael
Glad I could help.
If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.
Kind Regards,
Aleksandar Vuković
aleksandar.vukovic@tmsproducts.io
Rate my support
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
Hi Aleksandar.
I tried to use your CCS but it didn't work. Any suggestion.
As a matter in fact, checking chrome debug console I couldn't see the class you mention div#wpdatatable-preview-container.
Regards
Alejandro
Hi again Alejandro
That selector shouldn't work anymore. I don't know if Michael can confirm that, though, but in my local environment, it's not working.
The class exists for Aqua skin, and I don't believe it is present for Material and Light skins.
Kind Regards,
Aleksandar Vuković
aleksandar.vukovic@tmsproducts.io
Rate my support
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