Topic: DataTable not updating hidden column on close

darrenh65 premium asked 3 years ago

I have a mdbEditor on a page that displays only a few of the columns in a table. The edit modal displays all the fields in the table. When the modal closes on a save operation I expect all the fields to be updated in the underlying table whether they are visible or not.

What happens though is that hidden columns, using 'visible: false' in the column definition do not get updated. This means if the edit button is pressed again the original value is displayed for those fields.

I have created a snippet that hides the 'Examples' column. If this field is updated in the edit modal and then the modal is opened a second time the change is not displayed:

Marcin Luczak staff answered 3 years ago


Field with visible: false is not updated with the modal because it is not rendered into DOM, thus it cannot be changed with modal because there is no place new values could be saved. Knowing that your desired invisible elements are in the last column you can reach that functionality with setting display: none via CSS selectors:

#ex1 th:last-of-type {
    display: none;  
#ex1 tr td:last-of-type {
    display: none;  

Please see this code working inside my snippet:

Regards, Marcin

darrenh65 premium commented 3 years ago

Yep that works, I was unaware of those selectors, thanks Marcin

regards, Darren

Marcin Luczak staff commented 3 years ago

I'm happy that I could help.

Regards, Marcin

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: Premium
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: PC
  • Browser: Chrome/Firefox
  • OS: Win10/Linux
  • Provided sample code: No
  • Provided link: Yes