ps0604 ps0604 - 7 months ago 101
AngularJS Question

ngTable tooltip (title attribute) does not show data values

In this plunk I have an ngTable with two columns. When I hover over the data, the tooltip shows the column name instead of the value. This is because the

attribute of
is set with the column name. How to fix it to show the actual value?


<table ng-table="tableParams" class="table table-bordered table-hover">
<tr ng-repeat="u in data">
<td title="u.uid">{{ u.uid }}</td>
<td title="u.ugr">{{ u.ugr }}</td>


var app = angular.module('app', ['ngTable']);
app.controller('myCtl', function($scope,NgTableParams) {

$ = [
{ uid: 'User 1',ugr: 'Group 1'},
{ uid: 'User 2', ugr: 'Group 2'}

$scope.tableParams = new NgTableParams({dataset: $});



You can use on your td this:

<td ng-attr-title="{{u.uid}}">{{ u.uid }}</td>
<td ng-attr-title="{{u.ugr}}">{{ u.ugr }}</td>