In the below kendo grid, I have added the if else on column template.
//Syntax
template: "#if(ErrorDesc==null){# #: DeviceLabel # #}else If(ErrorDesc==""){# #: DeviceLabel # #}else{# #: DeviceText # #}#" //Kendo ui grid $("#gridViewHideIfElse").kendoGrid({ pageable: true, scrollable: true, resizable: true, sortable: true, columnMenu: true, dataBound: function (e) { }, columns: [ { field: "Usage Limit", title: "Services", template: "# if(UsageIncludedID >= 0){ #" + "#= UsageIncludedValue #" + "# } else { # UnlimitedValue # } #", width: 310 }, ], dataSource: { type: "json", transport: { read: "http://localhost:37745/Contract/Api/Pricing/GetByCTID/" + session().PricingID }, pageSize: 10 } }); //Default HTML div. <div id="gridViewHideIfElse"></div> //OR //kendo ui grid nested if else. template: "#if(ErrorDesc==null){# #: DeviceLabel # #}else If(ErrorDesc==""){# #: DeviceLabel # #}else{# #: DeviceText # #}#" //OR //kendo ui grid column if else @(Html.Kendo().Grid<Account>() .Name("Grid") .Columns(columns => { columns.Bound(x => x.IsDefault) .Title("Is efault).ClientTemplate("#=checkIsDefaultAccount(IsDefault)#"); }) //........ ) //JavaScript code sample function checkIsDefaultAccount(isDefault) { return (isDefault == true ? "Yes" : 'No'); }
For more detail, you can go links