Show/hide icon when hovering over table row using jquery tables plugin

danny05158

I am working with jquery table datatable plugin and want to show hide an icon when hovering over table row.

I have tried to do this in css with:

pencil{display:none}

.pencil-wrapper:hover + #pencil{
display:inline-table}

This is what I have tried with css. However since im using jquery table plugin maybe there is a way to do it inside the $('#').DataTable(); object.

<td>
<span id="pencil-wrapper">
<i id="pecil" class="fas fa-pencil-alt"></i>
</span>
</td>

kthorngren

Sounds like columns.render is what you want. There are a couple examples rendering HTML.

Kevin