I think there is be a bug with the Table configuration interface - Specifically the Column List button/popup.
I have noticed on a few tables, overtime working with and customizing a table (in my case generally SQL data source tables) that the Column List popup stops showing when the button is clicked.
When clicking the button the browser scrollbars disappear as if the Column list dialog is showing, but it is not showing. When I click elsewhere on the page I can interact with the normal page.
What can I do to make the button function again when this starts to happen? I have lots of customizations on my column visibility, filtering and styling etc., and I would hate to have to redo this every time this starts happening.
There is also no way to customize table columns if the visibility has been deactivated previously... This is a real problem!
I narrowed the problem down to wpDataTables having conflicts when another modal service is active on my site.
I use the Formidable Forms Bootstrap Modal on various parts of my web application to display information in modal popups.
wpDataTables is causing conflicts when using it with the Formidable's Bootstrap Modal plugin.
I'm using the wpDataTables plugin to display FF form entries on various parts of my web application. FF Modal popups doesn't work on a page with a wpDataTable table. The page dims as if the popup is there, but it doesn't render the popup, and crashes the page requiring a page refresh.
I also found that the Column List button in the table data source admin area stops working while the FF Bootstrap Modal add-on is activated on my site. When I deactivate the FF Bootstrap Modal add-on wpDataTables works properly.
Please let me know if you have a suggestion of how I can circumvent this conflict or if I can assist with more information to help you troubleshoot this Bootstrap exception with wpDataTables.
It looks like WPDataTables has introduced a very high z-index in a recent update, and this is the cause of the issues. A CSS fix for the frontend can resolve the issues partly by adding this style snippet to my site:
.modal { --bs-modal-zindex: 10055 !important; }
But the wpDataTables backend issues is harder to fix with CSS, so I suspect it is related to a recent change on their side.
This is a real problem in working with wpDataTables - Can you please advise.
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
-
Can you tell me is this related to the other ticket you opened/ it seems to have a similar issue, in regards to using the Formidable Forms Modal Plugin?
Would it be possible if you could please record a Video of your screen that shows what you described, it is very difficult to visualise all of this just through text, so it can help to clarify all the details/steps;
What you did to create this solution/ how it looks when you add your CSS fix;
and how it looks on back-end?
Then you could send us Admin access, and we can check if our developers can provide some assistance.
As i mention on the other ticket, i am not sure how much we will be able to help, when it comes to conflicts like that;
But we always do our best, our developers are able to solve most conflicts, some more complex ones just take more time than others.
Let me know if you could provide us with a Video that shows these details on both tickets;
and if they might be related for the same issue;
-
We will then see what we can do and if our devs can assist.
I think there is be a bug with the Table configuration interface - Specifically the Column List button/popup.
I have noticed on a few tables, overtime working with and customizing a table (in my case generally SQL data source tables) that the Column List popup stops showing when the button is clicked.
When clicking the button the browser scrollbars disappear as if the Column list dialog is showing, but it is not showing. When I click elsewhere on the page I can interact with the normal page.
What can I do to make the button function again when this starts to happen? I have lots of customizations on my column visibility, filtering and styling etc., and I would hate to have to redo this every time this starts happening.
There is also no way to customize table columns if the visibility has been deactivated previously... This is a real problem!
I narrowed the problem down to wpDataTables having conflicts when another modal service is active on my site.
I use the Formidable Forms Bootstrap Modal on various parts of my web application to display information in modal popups.
wpDataTables is causing conflicts when using it with the Formidable's Bootstrap Modal plugin.
I'm using the wpDataTables plugin to display FF form entries on various parts of my web application. FF Modal popups doesn't work on a page with a wpDataTable table. The page dims as if the popup is there, but it doesn't render the popup, and crashes the page requiring a page refresh.
I also found that the Column List button in the table data source admin area stops working while the FF Bootstrap Modal add-on is activated on my site. When I deactivate the FF Bootstrap Modal add-on wpDataTables works properly.
Please let me know if you have a suggestion of how I can circumvent this conflict or if I can assist with more information to help you troubleshoot this Bootstrap exception with wpDataTables.
It looks like WPDataTables has introduced a very high z-index in a recent update, and this is the cause of the issues. A CSS fix for the frontend can resolve the issues partly by adding this style snippet to my site:
This is a real problem in working with wpDataTables - Can you please advise..modal {
--bs-modal-zindex: 10055 !important;
}
But the wpDataTables backend issues is harder to fix with CSS, so I suspect it is related to a recent change on their side.
Hi Rudi,
Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.
-
Can you tell me is this related to the other ticket you opened/ it seems to have a similar issue, in regards to using the Formidable Forms Modal Plugin?
Would it be possible if you could please record a Video of your screen that shows what you described, it is very difficult to visualise all of this just through text, so it can help to clarify all the details/steps;
What you did to create this solution/ how it looks when you add your CSS fix;
and how it looks on back-end?
Then you could send us Admin access, and we can check if our developers can provide some assistance.
As i mention on the other ticket, i am not sure how much we will be able to help, when it comes to conflicts like that;
But we always do our best, our developers are able to solve most conflicts, some more complex ones just take more time than others.
Let me know if you could provide us with a Video that shows these details on both tickets;
and if they might be related for the same issue;
-
We will then see what we can do and if our devs can assist.
Thank you.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
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