In wpDataTables 2.1 and higher, additional settings for URL link columns are available:
- You can configure how the link should be opened – in the new tab or in the same tab.
- This option allows you to display the link as a button.
- You can set the button display text.
- You can set the button CSS class.
1. Please check first if PHP version is at least 5.4 or newer. It is required for the proper running of wpDataTables.
2. The second thing to check is that there are no JS errors in the javascript console. Please check e.g. in Chrome JS console. Usually when we investigate such things we find out that some other plugin or theme are broken, and wpDataTables JS cannot execute.
3. Try to turn off option “Include bootstrap on front-end” in main settings of the plugin.
4. Please try to deactivate other plugins one by one and check if some of them are in conflict with wpDataTables.
5. Please try switching the theme to a different one and see if it helps.
Please check if you maybe have some inline JS minifier tool enabled, e.g. W3TotalCache – inline minification of JS breaks the front-end uploader template logic.
Yes you can. From version 2.1, if you use some custom roles from other plugins (like it is S2Member, User Role Editor or any other), those roles will be available in the “Editor roles” option under the EDITING tab in the table settings.
When customizing wpDataTables for your own usage, you might find that the default position of those elements is not quite to your liking. You have to modify some code in the core of the plugin.
Example to move info block above the table is to edit the plugin file. In file ../wp-content/plugins/wpdatatables/source/class.wpdatatable.php around line 3515 find:
$obj->dataTableParams->sDom = "BT<'clear'>{$showRowsPerPage}{$globalSearch}{$scrollable}{$infoBlock}{$pagination}";
and replace it with:
$obj->dataTableParams->sDom = "B{$infoBlock}T<'clear'>{$showRowsPerPage}{$globalSearch}{$scrollable}{$pagination}";
If you want info block at the top and bottom of the grid, replace it with:
$obj->dataTableParams->sDom = "B{$infoBlock}T<'clear'>{$showRowsPerPage}{$globalSearch}{$scrollable}{$infoBlock}{$pagination}";
each letter stands for the different block. Our plugin is based on Datatables jQuery plugin and more details about DOM positioning can be found on this link.
Note: If you make these changes, they will be overwritten with the next update, so you will need to make the changes again.
How can I style looks of the Table Tools buttons of a table?
You can use CSS class for each button.
.DTTT_button_print /* for print */ .DTTT_button_xls /* for excel */ .DTTT_button_csv /* for csv */ .DTTT_button_copy /* for copy */ .DTTT_button_pdf /* for pdf */
You can insert your custom CSS for this buttons in Custom wpDataTables CSS under the “Custom JS AND CSS” in main settings of wpdatatables. If you want for specific tables then insert this code between style tags on the page where is that table.
