datatable plugin expand collapse row information


Topic: datatable plugin expand collapse row information

Yiannis Kyriazidis asked 3 years ago

Using the datatable plugon is there a way to expand/collapse information in row similar to this bootstrap 5 example : https://codepen.io/n3k1t/pen/OJMGgyq

I tried this snippet using the accordion classes but the result was horrible : https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3345525#html-tab-view

Any ideas ?


Grzegorz Bujański staff answered 3 years ago

In this case, it is not enough to enclose the table elements inside the collapse. When you check the HTML structure of the example you send, you will notice that it is a table inside a table. We have prepared a plugin with the same functionality: https://mdbootstrap.com/docs/standard/plugins/treetable/


yes the treeview table is the most suitable. But unfortunatelly I cant use the treetable and datatable classes in the same component. The datatable overides the treetable.

https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3350582


Grzegorz Bujański staff commented 3 years ago

Unfortunately, it is currently not possible to combine these two components. Datatable was not designed to allow for section collapsing.


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: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes
Tags