Embed custom directive in cell

Getting help Questions
1

Is there a way to embed/render a custom directive into a cell/td. For example, a custom chart directive that displays a chart in a cell. Another example is to show a Handsontable table within a table - not as a drop down but embedded in the cell.
Thanks
Martin

2

Hi @MartinSher
I did tried it easier with provided examples but you are allowed to use a html renderer for a cell or range of cells. By this your abilities are nearly unlimited.
Here’s a tutorial for custom rendering: https://docs.handsontable.com/0.23.0/demo-custom-renderers.html

3

Aleksandra
I have a simplified VS project that gives an example of the problem. How can I send you a zip file?
Thanks
Martin

4

Hi @MartinSher
Unfortunately we’re working only on internet resources. Please share your code one of the following: JFiddle, JSBin, CodePen

5

See link to JSbin example

In Row 2 the custom renderer (which implements an HTML render" correctly renders the “

Hi there

” cell data value.
However nothing appears in Row 3 where the cell value is “” and the html template for myDirective is "
in directive
. As such I expect to see “in directive” as the Row 3 cell contents. myDirective is a custom angularjs directive. In this case very simple but what I want is to be able to, for example, have a custom chart directive.

Thanks for your help.

6

Hi MartinSher,
see example on JSbin: https://jsbin.com/xonimuvaya/5/edit?js,output
It’s only problem workaround, not the official solution.

7

Thanks.

Is it possible to set a directive property with a value passed from the parent controller. See JSBin in which myDirective has a scope variable ‘name’

Martin

8

Hi Martin,
here is example with scope variable into directives: https://jsbin.com/bevemotoyi/1/edit?html,js,output