There is no grid option to display a message if the grid is empty

Hey guys, so there doesn’t seem to be an easy option to display a message in the event of an empty grid. I was able to use the directive below which I got from https://github.com/angular-ui/ng-grid/issues/496. But that seemed to have been closed because it was a 2.x problem. Do you think a functionality like this could be added?

    .directive('showEmptyMsg', function ($compile, $timeout) {
        return {
            restrict: 'A',
            link: function (scope, element, attrs) {
                var msg = (attrs.showEmptyMsg) ? attrs.showEmptyMsg : 'Nothing to display';
                var template = "<p ng-hide='data.length'><b>" + msg + "</b></p>";
                var tmpl = angular.element(template);
                $compile(tmpl)(scope);
                $timeout(function () {
                    element.find('.ui-grid-viewport').append(tmpl);
                }, 0);
            }
        };
    })

[c0bra]

You can transclude anything you want into the grid. Here’s a plunker showing how to do a “No Rows” message: http://plnkr.co/edit/156wBdD5ogLGcKamP3lJ?p=preview

[jamespsterling]

@c0bra much appreciated!