Im looking for a way to style my tables like attached image.
I want all my checkboxes to be buttons, but I can't figure out how to remove the checkbox. I also want then all to be lined up like the attached picture.
I also looking for a way to center the search field and remove "Search" outside the field and put it inside.
Checkboxes are available only as Filtering options in wpDataTables. If that's what you want to change, it would have to be done with some customization of the plugin. Unfortunately, custom work is not included in the provided support for the plugin.
If you want to have an image, and have that image be a hyperlink, you can add it in a string-type column, like this:
To center the cells, you would need to add a custom CSS class, for example "center", then define it in Custom CSS field, in main settings of wpDataTables/Custom JS and CSS.
table.wpDataTable .center {
text-align: center !important;
}
To center the table's Search field, you could add this CSS:
.wpDataTablesWrapper .dataTables_filter {
float: left !important;
width: 50% !important;
}
But there's no way of adding it in the table, if that's what you asked.
Hi,
Im looking for a way to style my tables like attached image.
I want all my checkboxes to be buttons, but I can't figure out how to remove the checkbox. I also want then all to be lined up like the attached picture.
I also looking for a way to center the search field and remove "Search" outside the field and put it inside.
Any suggestions?
Hello Torstein
Thank you for your purchase.
Checkboxes are available only as Filtering options in wpDataTables. If that's what you want to change, it would have to be done with some customization of the plugin. Unfortunately, custom work is not included in the provided support for the plugin.
If you want to have an image, and have that image be a hyperlink, you can add it in a string-type column, like this:
To center the cells, you would need to add a custom CSS class, for example "center", then define it in Custom CSS field, in main settings of wpDataTables/Custom JS and CSS.
To center the table's Search field, you could add this CSS:
But there's no way of adding it in the table, if that's what you asked.
Kind Regards,
Aleksandar Vuković
[email protected]
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