1.10.7 with Bootstrap 3 Modal shows page buttons wrong and has multiple sort icons
1.10.7 with Bootstrap 3 Modal shows page buttons wrong and has multiple sort icons
Live example http://live.datatables.net/tilujera/1/edit?html,js,output
Debug code from my app: iyaquz
On my app, using the same files, the Search control is pushing outside of the modal dialog box. Though the live sample does not show this.
The paging buttons still have gaps between them which, on my app, extends outside the modal.
The sort icons are overlapping (old with new?).
Also, the "Processing" message does not appear to be working. At least I can't get it to appear on my app. The live sample is too fast to tell.
When I use the commented out sections instead of the ones they are next to, it works fine in my app. (Script, link, and table)
I am running this inside a standard ASP.NET app with 2.1.4 jQuery installed from NuGet.
Is this a bug, or did I mess up some code someplace?
Answers
I realized that I had both the CSS for both the original and bootstrap in so I commented that out as well. That got rid of the overlapping sort indicators.
So, more confusion: The example at https://www.datatables.net/manual/styling/bootstrap-simple.html
includes both CSS files, but it looks to be working properly.
The instructions at
https://www.datatables.net/manual/styling/bootstrap
say to use just the 2 files and the note from pennstatephil says only use these 2.
Yet, on my table, using the files in either example, I don't get the same results. I see what I described above. Suggestions??