This is just an idea. Need to create a proof of concept, test it, and get stakeholder approval.
Rough brainstorming notes to self:
Try Buefy tables instead of HoT? Or maybe not b/c the cards get too wide on mobile? Or maybe hyphenate long text? Play around w/ creating the ability to edit data inline in Buefy tables. If it works, then get rid of HoT. Maybe it's fine if a tiny modal pops up whenever someone single clicks on something to edit if it's already focused and can be closed w/ enter or escape key? Especially if we can use pagination & load/sort/filter on backend. (Also only return requested columns from backend to make it load faster.) Read this: https://forum.vuejs.org/t/can-i-make-an-editable-table-on-bootstrap-vue/74154 & this https://jsfiddle.net/changjoo_park/pLutx6ey/ Maybe make our own Buefy extension if needed?
This is just an idea. Need to create a proof of concept, test it, and get stakeholder approval.
Rough brainstorming notes to self:
Try Buefy tables instead of HoT? Or maybe not b/c the cards get too wide on mobile? Or maybe hyphenate long text? Play around w/ creating the ability to edit data inline in Buefy tables. If it works, then get rid of HoT. Maybe it's fine if a tiny modal pops up whenever someone single clicks on something to edit if it's already focused and can be closed w/ enter or escape key? Especially if we can use pagination & load/sort/filter on backend. (Also only return requested columns from backend to make it load faster.) Read this: https://forum.vuejs.org/t/can-i-make-an-editable-table-on-bootstrap-vue/74154 & this https://jsfiddle.net/changjoo_park/pLutx6ey/ Maybe make our own Buefy extension if needed?