Hello John, hello Ahmed.

We've had issues like this with the Porto theme.

This should help you 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.