I am creating bootstrap pop-up modal data dynamically on button click when the button is clicked jQuery datatable content is loaded dynamically in Bootstrap pop-up modal and it is shown as needed.
Scroll works at first, but when content is changed in jQuery datatable using filtering options, scroll in modal pop-up doesn't work.
How can I resolve this issue? is it Modal pop up issue or jQuery datatable issue
Answered by:- jaiprakash
No, there is no issue with jQuery datatable, Bootstrap 3 has an issue when using modal pop-up with dynamic content, you need to override the modal class by changing
position to absolute from fixed, like this in your CSS
.modal
{
position:absolute;
}also, make the overflow-y as scroll
.modal
{
position:absolute;
overflow-y:scroll;
}If you still face problems with dynamic content try to give min-height to your modal pop-up
Subscribe to our weekly Newsletter & Keep getting latest article/questions in your inbox weekly
Buy us a coffee
Become a Patron