$scope.OptionsGridApplication_Team_Settings = {
            dataSource: $scope.DataGridApplication_Team_Settings,
            resizable: false, selectable: "single",
            columns: [
                {
                    field: "TeamName",
                    title: "TeamName",
                    encoded: false,
                    hidden: true,
                    attributes: { "class": "ellipsisTextSpan", },
                    template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.TeamName)) },
                    groupHeaderTemplate: function (e) {
                        var html = '';
                        html = html + '<span class="headerTeamGroup"  data_TeamId="' + e.value + '" title="' + e.value + '">';
                        html = html + stringCutterA(e.value, 131);
                        html = html + '</span>';
                        return html;
                    },

                },
                {
                    field: "SystemIdentifier", title: "Environment Name", encoded: false,
                    attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.SystemIdentifier)) }
                },
                {
                    field: "EnvironmentType", title: "Environment Type", encoded: false,
                    attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.EnvironmentType)) }
                },
                {
                    field: "URL", title: "Environment URL", encoded: false,
                    attributes: { "class": "ellipsisTextSpan", }, template: function (e) { return createCoulumnTitle(fakingAngularCharacter(e.URL)) }
                }

            ],
            dataBound: function () {
                debugger;
                serviceFactory.AccessibilityGridEmpty(this);
            }
        };