vue-hxs / vue-edi-table

WIP: Excel like table editing

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-edi-table

Excel like table edit

https://vue-hxs.github.io/vue-edi-table/

TODO:

  • Possibly separate rows or cells into independent components
  • Find a way to move .header back to thead since cell size was desynching
  • Improve code on vue template possibly by using computed or even methods to return data
  • custom operations as sort, filter etc or a simple way to add components to header this way we can set a custom header with controls to manipulate data
  • lazy loading from an endpoint or list object
  • Transform headers to an array (is currently an object) this way we can present same field twice with different view
  • Fix focusing on input elements within cells
  • New row
    • new row is done, but commit order should be fixed, on new rows the order should be 'add' last with same info as latest update
  • Fix table dimension to fill parent somehow
  • completelly separate state manipulation methods from events in Table
  • Implement readonly fields
  • Delete
  • Change
  • Row selection
  • Selection shift
  • undo with several rows at same time usefull for delete 5, undo delete 5

Changes:

  • Changed everything to position:sticky,
  • Scroll is now on table
  • Remove 'div.editor' favouring conditional inputs on 'table td'
  • Reduced complexity
  • Added dynamic optional component for while on editing

About

WIP: Excel like table editing


Languages

Language:JavaScript 53.1%Language:Vue 36.0%Language:CSS 10.3%Language:HTML 0.5%