Topic: Disable Table Editor Delete Button
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 10 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 10 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 10 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 10 months ago
Yeah. Removed the scoped and it worked. Thanks!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No