How to add a Custom tooltip in angularjs ui grid

See more:

Javascript

AngularJs

I need my UI grid to show a customized tool tip. By customized i mean, it should show a custom HTML as a tooltip on hovering any cell

Below is my part of code

$scope.gridOptions1 = {
       enableSorting: true,
       enableFiltering: true,
       enableHighlighting: true,
      enableColumnResizing: true,
      filterOptions: $scope.filterOptions,
       onRegisterApi: function (gridApi) {
          $scope.grid1Api = gridApi;
       },
      columnDefs: [
       {
           field: 'Name', cellClass: 'cell', minWidth: 170, headerCellClass: 'header', cellTooltip:
       function (row, col) {
           return 'Name: ' + row.entity.Name + 'Desc: ' + row.entity.Description;
           }
       },.....

The above code helps me to show the Name and Description column values as a tooltip on a particular cell. I want to give the tooltip certain style, something like a tabular structure.