Magnithor / CanvasTable

CanvasTable

Home Page:https://magni.strumpur.net/CanvasTable

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CanvasTable

Main classes

  • {@link CanvasTable}
  • {@link OffscreenCanvasTable}
  • {@link OffscreenCanvasTableWorker}

CanvasTable is Typescript library who draws a table on canvas. It is very fast to draw table and it will not slow down if data is big

If you like to use offscreenCanvas and/or keep the data in webworker then you use mthb-offscreen-canvas-table on main javascript and mthb-offscreen-canvas-table-worker in weworker they will work to geather

npm remarks
mthb-canvas-table draw on gui thread
mthb-offscreen-canvas-table connect canvas and events to webworker
mthb-offscreen-canvas-table-worker draw on webworker

Demo website where you can see component in action with table with 23.000 records

TODO

  • keyboard open close group
  • RowMode (mobile) / ColMode

Supported

  • web worker
  • multi col sort
  • custom sort
  • mulit group
  • over row
  • sepra grid
  • custom render data
  • custom drawing col
  • custom style for row and cal
  • auto scroll X and Y
  • draw sort arrow on header
  • sort when click on header
  • Edit with commit and rollback
  • keyboard select

About

CanvasTable

https://magni.strumpur.net/CanvasTable

License:MIT License


Languages

Language:JavaScript 95.9%Language:TypeScript 3.8%Language:HTML 0.2%Language:Batchfile 0.0%Language:CSS 0.0%