I installed WP Data Tables today and anytime I try to hit apply, delete, or cancel everything freezes and all I can do is hit refresh or close out the page and reopen. I can't really utilize the plugin if I can't actively do anything on it. Any suggestions?
Looking into it deeper, it is the FAQ problem where the edit modal's z-index is too low compared to the modal backdrop, but putting in the CSS you recommended doesn't work, the z-index is still 9999 due to the bootstrap theme. Turning the front-end bootstrap off does not help.
This is a problem when I'm still on my Wordpress dashboard and trying to delete a table on my wpDataTables page (see attached screenshot). It is a CSS collision with another plugin, Zippy Courses, whose CSS I cannot edit.
The selector from the other plugin is
#wpbody .modal { z-index: 9999; }
which targets wpDataTables' delete modal accidentally.
Because the selector of your grey modal background
.wpdt-c .modal-backdrop, .modal-backdrop
is also set to a z-index of 9999, the backdrop is over the delete modal causing it to be un-clickable.
I implemented the custom CSS you recommended in your FAQ in wpDataTables > Settings > Custom JS and CSS (see attached screenshot), but the backdrop is still over the delete modal. I tried increasing the z-index of #wpbody .modal {z-index: 10010;}, but that also does not work.
I can work around it by editing Chrome's developer's tools, but this is a problem overall. I cannot remove the other plugin, it is necessary for my business.
I installed WP Data Tables today and anytime I try to hit apply, delete, or cancel everything freezes and all I can do is hit refresh or close out the page and reopen. I can't really utilize the plugin if I can't actively do anything on it. Any suggestions?
Looking into it deeper, it is the FAQ problem where the edit modal's z-index is too low compared to the modal backdrop, but putting in the CSS you recommended doesn't work, the z-index is still 9999 due to the bootstrap theme. Turning the front-end bootstrap off does not help.
Hi Josh Url ,
Thank you for your purchase,
Can you please send me the link of that table, so I can take a look.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Bogdan,
This is a problem when I'm still on my Wordpress dashboard and trying to delete a table on my wpDataTables page (see attached screenshot). It is a CSS collision with another plugin, Zippy Courses, whose CSS I cannot edit.
The selector from the other plugin is
which targets wpDataTables' delete modal accidentally.
Because the selector of your grey modal background
is also set to a z-index of 9999, the backdrop is over the delete modal causing it to be un-clickable.
I implemented the custom CSS you recommended in your FAQ in wpDataTables > Settings > Custom JS and CSS (see attached screenshot), but the backdrop is still over the delete modal. I tried increasing the z-index of #wpbody .modal {z-index: 10010;}, but that also does not work.
I can work around it by editing Chrome's developer's tools, but this is a problem overall. I cannot remove the other plugin, it is necessary for my business.
HI Josh,
If you disable that plugin do you still have the same issue?
This is necessary to know, so we can have a clue that there is a conflict with that plugin.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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