Topic: Disable Table Editor Delete Button

bernspe priority asked 6 months ago

Expected behavior It should be possible to have the option to omit the trash button. Actual behavior It is only possible to get change+trash button in a Table Editor row Resources (screenshots, code snippets etc.)

Bartosz Cylwik staff answered 6 months ago

Hi! Thank you for the feature request! You can hide the button with use of css. Simply add display:none to the .delete-button element:

.delete-button {
  display: none;

We will also discuss, whether we should add an option / a prop that would handle this functionality.

bernspe priority commented 6 months ago

Where should I put this directive? If I put it in the style section of the component like

.delete-button { display: none;}

there is no effect.

Bartosz Cylwik staff commented 6 months ago

Either inside your css file or in the style section of the vue component. Do not add the scoped attribute to the style element, because it won't work then.

If it still does not work, check whether other styles are beeing applied to the component. Inspect the delete button and check whether the display styles are beeing added or try to create other selector that would fit there. Are you using the 2.2.0 version of the table editor?

bernspe priority commented 6 months ago

Yeah. Removed the scoped and it worked. Thanks!

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: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No