Below is a grid where the user can click on the subcategory Name column to populate another grid on the right side with data for the selected row. I would like to implement a function for the subcategory Name column so that when the user clicks on it, the data in the right-side grid is refreshed to its default state (no data displayed until a row is selected).

angular.module('thirdPartyManagementApp').value('subCategoryGridConfig', {
subCategoryGrid: {
    sortable: true,
    filterable: true,
    selectable: true,
    height: 600,
    toolbar: [
        {
            template: kendo.template('<kendo-tabstrip><ul><li ng-class="{\'k-state-hover k-state-active\': defaultAllTab}"><a  href="" class="k-grid-add border"  ng-click="getAllSubCategories()">All</a></li>')
        },
        {
            template: kendo.template('<li ng-class="{\'k-state-hover k-state-active\': defaultPendingTab}"><a  href="" class="k-grid-add border" ng-click="getPendingSubCategories()">Pending Review</a></li>')
        },
        {
            template: kendo.template('<li ng-class="{\'k-state-hover k-state-active\': defaultReviewTab}"><a  href="" class="k-grid-add border" ng-click="getReviewedSubCategories()">Reviewed</a></li></ul><kendo-tabstrip>')
        }
    ],
    columns: [
        {
            template: '<strong><span ng-if="this.dataItem.sortCode === 1" class="text-success">NEW</span><span ng-if="this.dataItem.sortCode === 2" class="text-danger">!</span></strong>',
            width: '30px'
        },
        {                           
            template: kendo.template('{{this.dataItem.subCategoryName}}<br/><a  href="" class="linkColor hoverFontColor" ng-click="showDetail(this.dataItem)">Vendors...</a>'),
            field: 'subCategoryName',
            title: 'Subcategory',
            width: '100px',
            refreshFunction: "function(e) {
              subCategoryGrid.columns.filter(function(data) {
                return data.field === 'subCategoryName';
              })
              subCategoryGrid.refresh();
            }"
        },
        {
            field: 'status',
            title: 'Status',
            width: '65px'
        }
    ]
},