Topic: Steppers with dataTable

jouvrard pro asked 4 years ago


A second question about steppers.

I did a page with a dataTable in a stepper, but I have a "small" problem as you can see...

enter image description here

I tried to do a snippet but it doesn't work:

EDIT> I tried with a simple table (not a datatable) and the problem is the same.



Grzegorz Bujański staff answered 4 years ago


Look at this snippet: all i did was wrap h4, table and div.step-actions in div.

This is because the step height is calculated from the height of the step-new-content child element. If there is more than 1 element, only the first will be considered. Therefore it is necessary to collapse this into a div.

developulliance free answered 4 years ago

Is this issue, fixed? I am experiencing the same problem.

Mateusz Łubianka staff answered 4 years ago


Ok, I see the problem. You're right. We will fix it as soon as possible. Than you for your post.


jouvrard pro answered 4 years ago

Yes, I linked css and JS files.

It wroks perfectly until I try to put table inside.

Mateusz Łubianka staff answered 4 years ago


Did you link css and js files for the steppers in your project? Look at getting started page. You should link extra css and js files. In snippet case: try to use older version options.


Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.10.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes