我正在使用ng-table在表视图中显示所有值.在备注栏中显示的消息(表的最后一列)是巨大的.所以,我显示的很少.当用户将鼠标悬停在单元格上时,我想在工具提示中显示整个消息.我试图在title属性中设置它,但它不起作用.
示例代码:http://plnkr.co/edit/I4nCTNhMfxgbBX7Zjxs9?p=preview
<table ng-table="tableParams" class="table"> <tr ng-repeat="doc in $data"> <td data-title="'#'" sortable="doc_name">{{$index + 1 }}</td> <td data-title="'Visa Type'" sortable="'type'">{{doc.type}}</td> <td data-title="'Country'" sortable="'country'">{{doc.country}}</td> <td data-title="'Starting Date'" sortable="'start_date'">{{doc.start_date}}</td> <td data-title="'Expired Date'" sortable="'end_date'">{{doc.end_date}}</td> <td data-title="'Remarks'" sortable="'remarks'" title="{{doc.remarks}}"> {{doc.remarks | limitTo: 15 }} {{doc.remarks.length > 15 ? '...' : ''}} </td> </tr> </table>
我认为您可以使用ng-attr-title,所以基本上您的代码保持不变,但在’title =’之前添加’ng-attr-‘.所以你的最后一行是这样的:< td data-title =“'备注'”sortable =“'remarks'”ng-attr-title =“{{doc.remarks}}”>
我以前没有在表格单元格上测试过这个,但理论上它应该可以做到这一点:-)
UPDATE
看到这个工作plunkr:http://plnkr.co/edit/WHm04jGoiE3oZi244fqj?p=preview
正如您所看到的,我将ng-table.js设置为local,然后在index.html中将ng-attr-title放在ng-table属性的前面.