datatables Basic example css issue - Rows per page dropdown


Topic: datatables Basic example css issue - Rows per page dropdown box shown 3 times

Mat Siems pro premium priority asked 2 years ago

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?


kpienkowska staff answered 2 years ago

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.


Mat Siems pro premium priority answered 2 years ago

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?


kpienkowska staff answered 2 years ago

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.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • 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
Tags