ps0604 ps0604 - 1 year ago 213
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: $});


Answer Source

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>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download