How to display Syncfusion controls in grid columns?

Hi, is there a way to do this with the split button but with the target being part of the template? When we try the following, the target element is not available when the split button is created, so no options are available.

<script type="text/x-jsrender" id="columnTemplate">
            <button class="rating" data-target-id="target{{:EmployeeID}}">Actions</button>
            <ul id="target{{:EmployeeID}}" class="dropdown-menu">                
     {{if EmployeeID<3}}

<li><a rel='nofollow' href="#">Employee less than 3</a></li>

    {{else EmployeeID>2 && EmployeeID<5}}

<li><a rel='nofollow' href="#">Employee between 2 and 5</a></li>

    {{else EmployeeID>4}}

<li><a rel='nofollow' href="#">Employee greater than 4</a></li>

    {{/if}}
</script>

           function template(args){
              $(args.cell).find(".rating").each(function (obj) {
            $(this).ejSplitButton({
                targetID: $(this).data('target-id')
            });
      }