I have a kendo grid with following structure ;
<div id="kendoGrid" data-role="grid" data-bind="source: search" data-scrollable="true" data-auto-bind="false" data-pageable="true" data-columns="[
{ title: '' , width: '100px',locked:true, attributes: { style: 'overflow: visible' } , template: kendo.template($('#tamplate').html())},
{ field: 'name' , title: 'Name Surname' , width: 200},
{ field: 'date' , title: 'Date' , width: 150 },
{ field: 'residence' ,title: 'Residence' , width: 100 },
{ field: 'approveDate' ,title: 'Approve Date' , width: 200 },
</div>
I am also using a template to customize the data in first column. Here is my template;
<script id="tamplate" type="text/x-kendo-tmpl">
<span data-bind="text: nationality, tooltip: nationality"></span>
</script>
The problem is I am using kendo.data.binder and I have some extended methods such as "tooltip" but when I lock the column, it doesnt work The binder method doesnt get fired. Otherwise it works fine. It might seem easy to use #= nationality # format but I have much more complicated extended methods and I need them up and running. Any help would be appreciated.