Table Custom Column Update.
I have created a custom column in a table and want to update all the fields of the custom column by clicking on update.
custom column having input fields like checkboxes and dropdown .
How do I get all the values of a single row while clicking on update?
I have attached a template for your reference.
Solution:Jump to solution
Yes, I achieved this in a different way. Instead of using a custom column, I implemented a slide-up modal because, in my case, the column width wasn't adjustable. So I created a custom 'Update' action for the table. When this action is triggered, it opens a slide-up modal containing a form with checkboxes and dropdowns.
5 Replies
Is your button inside of the custom column?
No, my button is not inside the custom column.
Do I need to fit inside the column?
I think if you include the button inside of the custom column view, you could do everything with Alpine.js. Add
x-data
on the column wrapper, give each field an x-model
and make the button call a livewire method though the Livewire
global object.Hi @Sourabh have you achieved this? if so, would you share the sollution?
Solution
Yes, I achieved this in a different way. Instead of using a custom column, I implemented a slide-up modal because, in my case, the column width wasn't adjustable. So I created a custom 'Update' action for the table. When this action is triggered, it opens a slide-up modal containing a form with checkboxes and dropdowns.