我有一个使用angular-datatables创建的HTML表。表格的HTML看起来像这样
<table ng-if="devicesLoaded()" datatable="ng" class="device-table table table-hover"
dt-options="dtOptions" dt-column-defs="dtColumnDefs">
<thead>
<tr>
<th>Id</th>
<th ng-repeat="key in getParametersColumns()">{{key | capitalize}}</th>
<th></th>
</tr>
</thead>
<tbody>
<tr class="no-border" ng-repeat="item in data">
<td>{{item.id}}</td>
<td>{{item.name}}</td>
<td>{{item.description}}</td>
<td>{{item.type}}</td>
<td>
<i class="fa fa-download action-icon" tooltip="Download"
ng-click="Download(item)">
</i>
</td>
</tr>
</tbody>
</table>
我希望<i>
元素(下载按钮)仅在特定行悬停时出现。请注意-不仅将鼠标悬停在特定项目或td上,还将鼠标悬停在行中的每个点上时也是如此。
您应该可以将鼠标悬停来执行此操作:
tr.no-border i.action-icon{
display:none;
}
tr.no-border:hover i.action-icon{
display:block;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句