Example of creating a new cellType (es6)

Getting help Questions
1

I’d like to create a new cell type using this package https://eonasdan.github.io/bootstrap-datetimepicker/

I’ve searched around and couldn’t get how to create the editor and the renderer… is there an example of how can I do that (beside the one in the docs)

What’s the role of the Editor and what’s the role of the Renderer?

I’ve checked the Pikaday one that’s in the core, but I still find it hard to understand the lifecycle of that component.

I see that the renderer is autocomplete… having it like that gives any advantages?

Thanks

2

Hi @arthur.kirkosa

I am not familiar with Redirecting to https://getdatepicker.com/ but if you would like to create a custom cell type it’s wise to check these tutorials:

  1. Cell renderer - JavaScript Data Grid | Handsontable
  2. Cell type - JavaScript Data Grid | Handsontable
  3. Cell editor - JavaScript Data Grid | Handsontable
  4. Cell renderer - JavaScript Data Grid | Handsontable

and our blog posts:

  1. https://handsontable.com/blog/articles/getting-started-with-cell-renderers
  2. https://handsontable.com/blog/articles/2017/5/what-you-should-know-about-cell-types

As mentioned in one of these posts:

A cell type is a combined shortcut for an editor and a renderer

Where editor is called when you double click a cell and allows a user to type characters and renderer is the logic behind displaying the result.