JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.steamdev.com/zclip/js/jquery.zclip.js"></script>
<table>
<tr>
<td>
<span class="z-clip-wrap">
<a href="#" class="z-clip hidden">copy</a>
</span>
<span>12345</span>
</td>
<td>
<span class="z-clip-wrap">
<a href="#" class="z-clip hidden">copy</a>
</span>
<span>67890</span>
</td>
</tr>
</table>
CSS
td { padding: 5px; border: solid 1px; }
.z-clip-wrap { position: relative; display: inline-block; }
JavaScript
$(document).ready(function() {
$(".z-clip").zclip({
path: "http://www.steamdev.com/zclip/js/ZeroClipboard.swf",
copy: function() {
return $(this).parent().next().text();
},
afterCopy: function() {
alert('copied');
}
});
});