<kendo.ui.GridColumnFilterable>{
                                multi: true,
                                search: true,
                                dataSource: { transport: transport, schema: Schema },
                                itemTemplate: (e) => {
                                    if (e.field == "all") {
                                        //handle the check-all checkbox template
                                        return "<li><label><input type='checkbox' style='vertical-align: middle; margin-top: -5px; margin-right: 5px;'/><span>#= all#</span></label></li>";
                                    } else {
                                        //handle the other checkboxes
                                        return "<li><label><input type='checkbox' style='vertical-align: middle; margin-top: -5px; margin-right: 5px;' name='" + e.field + "' value='#=" + e.field + "#'/><span>#=GetBlanks(data." + e.field + ")#</span></label></li>"
                                    }
                                }
                            } : false),
                        sortable: (value.IsSort ? true : false),
                      // attributes: { "ng-click": "openPopup('null', '#=data.Id#', " + value.FieldId + ", '" + value.DbFieldName + "', '" + DisplayFieldName + "', '#=data.RowNumber#' ," + value.Category + "," + value.DataTypeId + ",'#=GetBShades(data," + value.FieldId + ",'" + value.DbFieldName + "')#', #=GetIsCalculationField(data,'" + value.DbFieldName + "')#)", "ng-class": "GetBShades('#=GetBShades(data," + value.FieldId + ",'" + value.DbFieldName + "')#')" }
                     //   attributes: { "ng-click": "openPopup('null', '#=data.Id#', " + value.FieldId + ", '" + value.DbFieldName + "', '" + DisplayFieldName + "','#=data.RowNumber#' ," + value.Category + "," + value.DataTypeId + ",'#=GetBShades(data," + value.FieldId + ",'" + value.DbFieldName + "')#','#=data.SectionRuleId#','#=data.RiskCodeRuleId#','#=data.SectionId#')", "ng-class": "GetBShades('#=GetBShades(data," + value.FieldId + ",'" + value.DbFieldName + "')#')" }
                        attributes: {

                            "ng-click": "openPopup('null','#=data.Id#', " + value.FieldId + ", '" + value.DbFieldName + "', '" + DisplayFieldName + "', '#=data.RowNumber#' ," + value.Category + "," + value.DataTypeId + ",'#=GetBShades(data," + value.FieldId + ",'" + value.DbFieldName + "')#','#=data.SectionRuleId#','" + value.DbFieldName + "','" + value.DbFieldName + "')", "ng-class": "GetBShades('#=GetBShades(data," + value.FieldId + ",'" + value.DbFieldName + "')#')" }

                        //#=data.BordereauxId# is removed from above ng-click
                    }

public GetBShades = (data: string): string => {
    return data;
}

public openPopup = (bordereauxId: string, BordereauxDataId: string, RiskFieldId: number, DbFieldName: string, DisplayFieldName: string, RowNumber: string, Category: Enums.FieldCategoryEnum, DataTypeId: Enums.DataTypeEnum, ClassAdded: string, sectionRuleId: string, riskCodeRuleId: string, sectionId: string) => {
        this.classAdded = ClassAdded;
        //if (!IsCalculationField) {
        console.log("ClassAdded", ClassAdded);
        console.log("riskCodeRuleId", riskCodeRuleId);
        console.log("sectionRuleId", sectionRuleId);

    }