Topic: datatables Basic example css issue - Rows per page dropdown box shown 3 times
Expected behavior - should show datatables: "Basic example - HTML markup" https://mdbootstrap.com/docs/standard/data/datatables/
Actual behavior "Rows per page" dropdown box shown 3 times (instead of 1)
Resources (screenshots, code snippets etc.) in my html have this css:
and this js at the bottom:
Do I need anything else to show properly as per the basic example?
Do you mean that there is something wrong with the page or with your code when you tried to use this component? To use the basic example you don't need any CSS or Js, but you need to make sure that the MDB package is properly linked in your HTML file.
hi,
This is my basic example: https://www.top100christmas.com/mdb/datatables with the css dropdown issue.
I'm using the manual installation (https://mdbootstrap.com/docs/standard/getting-started/installation/) accessing the MDB library from my FastAPI App, importing the css and JS.
Is there anything else I need to do?
Actually, it looks like you have too much. mdb.min.js is the only JS file you need. You don't need to import datatables separately. Same for the CSS.
If removing it doesn't help please recreate your bug in the snippet since I need access to your code to see what is wrong.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 6.0.0
- Device: Dell XPS
- Browser: Chrome
- OS: Windows 11
- Provided sample code: No
- Provided link: Yes