Hello DFSKarma

Issues like this usually occur when there is a conflict either with the theme currently active on your website, or another plugin you have installed.

Can you please change the theme and see if the issue is resolved? If not, then please deactivate all other plugins except for our plugin, refresh the page where the issue is, and see if it is resolved (it should be). If it is, then start activating other plugins one by one, and after each activation refresh the page to see if the issue reoccurred. Once it does reoccur, you will have found the plugin causing the issue.

Can you tell me if you're using the Porto theme?

If so, this is a known issue, and here's how to resolve it:

First, open this file:

/var/www/html/wp-content/plugins/wpdatatables/assets/css/bootstrap/wpdatatables-bootstrap.min.css

There, You need to search for this:

.wpdt-c .row{margin-left:-15px;margin-right:-15px;}

and add display: block; so it looks like this:

.wpdt-c .row{margin-left:-15px;margin-right:-15px;display: block;}

Please note that this is a .min file and it has to stay in that one line. It doesn't look as nice, but that's just how it needs to be.

Save that file, and close it.

Second, open this file:

/var/www/html/wp-content/plugins/wpdatatables/assets/css/admin/admin.css

There, go to line 209 and find this line of code:

.wpdt-c .wdt-datatables-admin-wrap .card {
    max-width: 100%;
    padding: 0;
    margin-top: 0;
    border: 1px solid #d7d7d7;
}

and add display: block; so it looks like this:

.wpdt-c .wdt-datatables-admin-wrap .card {
    max-width: 100%;
    padding: 0;
    margin-top: 0;
    border: 1px solid #d7d7d7;
    display: block;
}

Save this file, and that is it.

Please make sure to clear the cache and perform a hard reload of the page for the changes to take effect, but that is it.

If this resolves the issue, and we confirm it is a conflict with the theme, you'll need to save my reply for when you update wpDataTables in the future. Basically, you'll need to make the same changes when you update the plugin, because the files will get overwritten when the update occurs.

Please let me know if this helps.

It's a conflict with something, and without deactivating other plugins we can't figure out what.

Can you please change the theme and see if the issue is resolved? If not, then please deactivate all other plugins except for our plugin, refresh the page where the issue is, and see if it is resolved (it should be). If it is, then start activating other plugins one by one, and after each activation refresh the page to see if the issue reoccurred. Once it does reoccur, you will have found the plugin causing the issue.

Hello Niraj

Conflict with the Porto Theme is a known issue, and here's how to resolve it:

First, open this file:

wp-content/plugins/wpdatatables/assets/css/bootstrap/wpdatatables-bootstrap.min.css

There, You need to search for this:

.wpdt-c .row{margin-left:-15px;margin-right:-15px;}

and add display: block; so it looks like this:

.wpdt-c .row{margin-left:-15px;margin-right:-15px;display: block;}

Please note that this is a .min file and it has to stay in that one line. It doesn't look as nice, but that's just how it needs to be.

Save that file, and close it.

Second, open this file:

/wp-content/plugins/wpdatatables/assets/css/admin/admin.css

There, go to line 255and find this line of code:

.wpdt-c .wdt-datatables-admin-wrap .card {
    max-width: 100%;
    padding: 0;
    margin-top: 0;
    border: 1px solid #d7d7d7;
}

and add display: block; so it looks like this:

.wpdt-c .wdt-datatables-admin-wrap .card {
    max-width: 100%;
    padding: 0;
    margin-top: 0;
    border: 1px solid #d7d7d7;
    display: block;
}

Save this file, and that is it.

Please make sure to clear the cache and perform a hard reload of the page for the changes to take effect, but that is it.

If this resolves the issue, and we confirm it is a conflict with the theme, you'll need to save my reply for when you update wpDataTables in the future. Basically, you'll need to make the same changes when you update the plugin because the files will get overwritten when the update occurs.

Please let me know if this helps.