Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Steppers with dataTable

jouvrard pro asked 5 years ago


Hello,

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: https://mdbootstrap.com/snippets/jquery/furax/1494173?action=forum_snippet

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

Thanks!

Jerome


Grzegorz Bujański staff answered 4 years ago


Hi.

Look at this snippet: https://mdbootstrap.com/snippets/jquery/grzegorz-bujanski/2311274 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 priority answered 4 years ago


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


Mateusz Łubianka staff answered 5 years ago


Hi,

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

Best,


jouvrard pro answered 5 years ago


Yes, I linked css and JS files.

It wroks perfectly until I try to put table inside.


Mateusz Łubianka staff answered 5 years ago


Hi,

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

Best,



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

  • 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