JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/fancyapps/fancyBox/blob/master/source/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="https://github.com/fancyapps/fancyBox/blob/master/source/jquery.fancybox.css">
<table>
	<tr>
		<td><a class="block-fancybox fancybox.iframe" href="block.html" rel="block">img</a></td>
		<td>text</td>
	</tr>
	<tr>
		<td><a class="block-fancybox fancybox.iframe" href="block2.html" rel="block"><img src="img/block.png" alt="" /></a></td>
		<td>text</td>
	</tr>
</table>

JavaScript

$('tbody tr').click(function (e) {
	e.preventDefault();
	$.fancybox({
		href: $(this).find('a').attr('href'),
		type: 'iframe'
	});
});