grid

[Junyi Cheong]

I have try the following code 

<ejs-grid #grid [dataSource]='griddata' [height]='300'>

<e-columns>

<e-column>

<ng-template #template let-data>

{{data.user}}-{{data.text}}

</ng-template>

</e-column>

</e-columns>

</ejs-grid>

and it does not work and i have this two error str.replace is not a function and Cannot read property 'getPanel' of undefined. Is there any fix

to this?

[Dhivya Rajendran]

Hi Junyi, 

Thanks for contacting Syncfusion support, 

We have analyzed your query, we are not able to reproduced the reported issue at our end. We have create a sample for your reference, Kindly refer the below code snippet and sample for more information.  

Component.html 

    <ejs-grid #grid [dataSource]='data' [height]='300'> 

        <e-columns> 

            <e-column> 

                <ng-template #template let-data> 

                    {{data.EmployeeID}}-{{data.FirstName}} 

                </ng-template> 

            </e-column> 

        </e-columns> 

    </ejs-grid> 

Sample: https://plnkr.co/edit/BW1ESla3Etkyos5n4zgN?p=preview  

If we misunderstood your requirement kindly please provide more information about your query or could you please provide sample. It will be more helpful for us to provide a better solution as soon as possible. 

Regards, 

R.Dhivya 

[Junyi Cheong]

Do you really have to put #template in ng-template and why?? Is there a way to change it because I think it is clashing with my web UI 

[Dhivya Rajendran]

Hi Junyi, 

Thanks for you update, 

 

The template reference variable should be same as the property name of the parent directive. Using template reference variable as #template inside the columns directive, will assign the ngTemplate reference to the  columns.template property. It is not possible to bind template with different variable name. This is the design of the template handling in Grid. 

 

Regards, 

R.Dhivya