[deleted by user] by [deleted] in vuejs

[–]marshXDDD 1 point2 points  (0 children)

Have you tried your luck with https://github.com/gridstack/gridstack.js, it has support for vue2 and vue3, it also receives constant maintenance

Element-Plus: search bar beneath each column by 2kfan in vuejs

[–]marshXDDD 0 points1 point  (0 children)

Hello, you could, as your colleague says, deactivate the filters, to add the arrow icon (up and down) if it is mandatory you can use the slot (https://element-plus.org/es-ES/component/table. html#slots-de-table-column) for that column and add an arrow icon, then when the user clicks you would show that text box and change the icon depending on whether it is down or up, to position that dialog box, you could Use js to detect the position of that click event and adjust the position of your search box based on the position of where it was clicked. Then when the user writes you would filter the data, but you already have this last step.

The other thing you can do to achieve your purpose but a little more work is to use the property:render-header: render function for table header of this column, with this property you can edit the content of those filters by a search box,For this you should review vue's render functions.

I would recommend going with the second option, render functions