I've created a user-editable table but when I click "New Entry", the modal doesn't appear at all.
I guess it's a Bootstrap conflict since we use Bootstrap modals elsewhere in our site, however none of the fixes I found in the help work so far, including the no-conflict options in the settings and adding this CSS:
That's a great workaround, and if it works, you can continue using it.
If disabling the noconflict options work, and the other CSS settings for backdrop don't work, we would've probably messed around our settings in ../wp-content/plugins/wpdatatables/source/class.wdttools.php, but this is a more elegant solution, so I wouldn't recommend changing anything else in our code (since it'll be overwritten when the plugin updates).
Our developers will soon start working on a native integration with WooCommerce, so I hope this will be resolved.
I've created a user-editable table but when I click "New Entry", the modal doesn't appear at all.
I guess it's a Bootstrap conflict since we use Bootstrap modals elsewhere in our site, however none of the fixes I found in the help work so far, including the no-conflict options in the settings and adding this CSS:
.wpdt-c .modal{ width: inherit !important ; background-color: initial !important; }
.wpdt-c .modal-backdrop{ z-index: 0 !important; }
I've got this working by adding an "is_woocommerce()" condition on my other page which uses Bootstrap, i.e.:
if (is_woocommerce()) {wp_register_script( 'pop', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js', array( 'jquery' ), null, true );
wp_enqueue_script( 'pop' );
wp_register_script( 'bs', 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js', array( 'jquery', 'pop' ), null, true );
wp_enqueue_script( 'bs' ); }
This is fine but presumably there's a way to make them play nicely together, any ideas?
Hello Adam
Thank you for your purchase.
That's a great workaround, and if it works, you can continue using it.
If disabling the noconflict options work, and the other CSS settings for backdrop don't work, we would've probably messed around our settings in ../wp-content/plugins/wpdatatables/source/class.wdttools.php, but this is a more elegant solution, so I wouldn't recommend changing anything else in our code (since it'll be overwritten when the plugin updates).
Our developers will soon start working on a native integration with WooCommerce, so I hope this will be resolved.
Kind Regards,
Aleksandar Vuković
[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