Hi,
I found something weird :
When i use a templated column and i set the cssColumnClass property, the cells don't have my defined class !, if i leave the template or if i use the formatter function property, everything works as expected.
Could you tell me why the template engine doesn't use the value of the cssColumnClass property ?
Thank you
regards
I've tried proposed solution but it breaks my grid. It renders cell with my custom classes applied but it also renders additional td tag. Here is example:
<td> </td><td class="ig-cell-vline grid-cell-center-aligned"> <button class="btn btn-xs" onclick="angular.element(this).scope().onShowDetails(12345);"><span class="glyphicon glyphicon-eye-open"></span></button> </td>
My template looks like this (i'm using underscore.js templates):
<script id="detailsButtonTemplate" type="text/template"> <td class="ig-cell-vline grid-cell-center-aligned"> <button class="btn btn-xs" onclick="angular.element(this).scope().onShowDetails(<%= RowID %>);">
<span class="glyphicon glyphicon-eye-open"></span>
</button> </td></script>
Column is defined like this:
<column key="Details" header-text="" unbound="true" width="40px" template="{{getHtml('#detailsButtonTemplate')}}"></column>
Hello Steeve,
Let us know if you have further questions regarding this subject.
Best regards,Martin PavlovInfragistics, Inc.
Thank you for posting in Infragistics Forums! What you see is expected. The template overrides the cell rendering. What you can do is to wrap your template markup with TD element and add the class in its class attribute:
template: '<td class="myStyle">${MyColumn}</td>'.
I hope this helps!
Kind regards, Petko Zhekov Software Developer