lightGallery Table

How to use lightgallery with table..

HTML

<link rel="stylesheet" href="https://github.com/sachinchoolur/lightgallery.js/blob/master/dist/css/lightgallery.css">
<script src="https://github.com/sachinchoolur/lightgallery.js/blob/master/dist/js/lightgallery.js"></script>
<table id="lightgallery">
    <tbody>
        <tr>
            <td> <a class="selector" href="#" data-src="http://www.ansa.it/webimages/ch_620x438/2017/6/26/0da631d3f82c7433c64451d415d528f7.jpgg">
                    <img src="http://www.ansa.it/webimages/ch_620x438/2017/6/26/0da631d3f82c7433c64451d415d528f7.jpg" />
                </a> 
            </td>
            <td> <a class="selector" href="#" data-src="http://www.ansa.it/webimages/ch_620x438/2017/6/26/0da631d3f82c7433c64451d415d528f7.jpg">
                    <img src="http://www.ansa.it/webimages/ch_620x438/2017/6/26/0da631d3f82c7433c64451d415d528f7.jpg" />
                </a> 
            </td>
        </tr>
        <tr>
            <td> <a class="selector" href="#" data-src="http://www.ansa.it/webimages/ch_620x438/2017/6/26/0da631d3f82c7433c64451d415d528f7.jpg">
                    <img src="http://www.ansa.it/webimages/ch_620x438/2017/6/26/0da631d3f82c7433c64451d415d528f7.jpg" />
                </a> 
            </td>
            <td> <a class="selector" href="#" data-src="http://www.ansa.it/webimages/ch_620x438/2017/6/26/0da631d3f82c7433c64451d415d528f7.jpg">
                    <img src="http://www.ansa.it/webimages/ch_620x438/2017/6/26/0da631d3f82c7433c64451d415d528f7.jpg" />
                </a> 
            </td>
        </tr>
    </tbody>
</table>

JavaScript

lightGallery(document.getElementById('lightgallery'), {
    selector: '.selector'
});