jQuery Datatable Sorted Row
<p><strong>Note: I will be hiding the data column and hence I have to use jQuery Datatable API.</strong></p>

<p>For my jQuery Datatable, each row have a button beside it. 
The purpose of the button is to retrieve the column data.
The column data will be hidden.</p>

<p>For my button click event, this is my code.</p>

<pre><code>    $('#Table').on('click', '.Button', function () {
        var tr = $(this).closest("tr");
        var rowindex = tr.index();
        //Get row based on index
        var rowData = $("#Table").DataTable().row(rowindex).data();
        var data = rowData.Data;
    });
</code></pre>

<p>This code is working, however there is one problem.<br/>
It is not able to retrieve the data of the sorted column.<br /></p>

<p>For example, before Sorting,<br />
Row 1 - Index 0  Data - A<br>
Row 2 - Index 1  Data - B</p>

<p>After sorting,<br>
Row 2 - Index 0  Data - B<br>
Row 1 - Index 1  Data - A
<br>
<br>Clicked on Data B row button, 
Data Gotten: A</p>

<p>Hopefully I have explained my problem clear enough. Thanks!</p>

<p>Updated Fiddle: <a href="https://jsfiddle.net/mt4zrm4b/3/" rel="nofollow noreferrer">https://jsfiddle.net/mt4zrm4b/3/</a></p>