Back to school sale! Save up to 50%
Grab Yours

Unfortunately when you use option hide on frontend, that column will not be available in DOM of html and that is reason why conditional formatting is not working on hidden columns. What you can do is to turn on this option and then add this code in Custom wpDataTables CSS under the “Custom JS AND CSS” in main settings of wpdatatables.

table.wpDataTable thead tr th.column-newcolumn, table.wpDataTable tbody tr td.column-newcolumn{
display:none !important;
}

This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)

<style>
table.wpDataTable thead tr th.column-newcolumn, table.wpDataTable tbody tr td.column-newcolumn{
display:none !important;
}
</style>

where class column-newcolumn is generated class depends of name of your column name. You can check from Inspect element of the browser how this class is looks like for that column that you need to hide and replace it with this one. Like this column will be available in DOM of html, but will be hidden for users and conditional formatting will work.

You have some conflict with theme or other plugin. Please insert this in Custom wpDataTables CSS under the “Custom JS AND CSS” in main settings of wpdatatables.

.wpdt-c .modal{ width: inherit !important ; background-color: initial !important; }

Cherry plugin cause this issue because it is using jquery version 1.7.2. Our plugin is based on the WordPress built-in version of jquery which is 1.12. You can deactivate jQuery that is included with Cherry framework and request a compatible version for WordPress from the Google CDN. Here are the instructions:

You have to make folder called site-specific-plugin-adjust-cherry-jquery and in it make file site-specific-plugin-adjust-cherry-jquery.php with content:

<?php
/*
Plugin Name: Update jQuery Cherry framework
Description: Deactivate jQuery that is included with Cherry framework and request a compatible version for WordPress from the Google CDN
*/
/* Begin Adding Functions Below This Line */

// Remove themes old version of jQuery and load a compatible version add_action('wp_enqueue_scripts', 'update_jquery_for_cherry_framework', 11);
function update_jquery_for_cherry_framework() {
    wp_deregister_script('jquery');
    wp_register_script('jquery', '/wp-includes/js/jquery/jquery.js', false, false, true);
    wp_enqueue_script('jquery');
}
/* Stop Adding Functions */

– Upload to wp-content/plugins using your preferred SFTP or FTP client. FileZilla and Cyberduck are free options that are available for multiple platforms.
– Go to WP-admin (your WP dashboard) –> Plugins. Then locate the plugin in the list and click on Activate.

Note: this will not install through WP-admin –> Plugins. It must be manually installed as described above.

413 Request Entity Too Large errors occur when the request body is larger than the server is configured to allow. Here’s how you can fix it, depending on your web server:

You can find minimum requirements in our documentation on this link.

Wait, Before You Download!

To get your hands on wpDataTables Lite, please enter your email address below. We’ll send you a direct download link and keep you updated on existing features along with helpful tips and tricks!

By continuing, I accept Privacy Policy and T&C
Mail Box