Filter a Jquery Datable using a button
<p>I have a datable that displays among others a field called Reference. I also have a news feed that displays the most recent entry, which also has the same reference field.</p>

<p>I'm looking for a solution, whereby, clicking on the hyperlink in the news feeds, will filter the datatable to only show that reference.</p>

<p>Is that even possible? if so, some example would be most welcome.</p>

<p>Regards</p>

<p>Jquery Code.</p>

<pre><code>               $.datepicker.regional[""].dateFormat = 'dd/mm/yy';
               $.datepicker.setDefaults($.datepicker.regional['']);

               oTable = $('#tblMessageDetail').dataTable({
                   "aaData": dtDetailData,
                   "aLengthMenu": [[50, 100, -1], [50, 100, "ALL"]],
                  // 'aStripClasses': null,
                   "iDisplayLength": 50,
                   //"aaSorting": [[0, "asc"]],
                   "bJQueryUI": true,
                   //"bAutoWidth": false,
                   //"bProcessing": true,
                  // "sDom": 'RC&lt;"clear"&gt;lfrtip',
                   "sDom": 'RC&lt;"H"lfr&gt;t&lt;"F"ip&gt;',

                   "aoColumnDefs": [
                       {"bVisible": false, "aTargets": [11,12,13,14]}
                   ],

                  // "sDom": 'C&lt;"top"lfr&gt;t&lt;"F"ip&gt;',
                   //"sPaginationType": "full_numbers",
                   //"bRetrieve": true,


                   //Scrolling .......
                   "sScrollY": "250px",
                   "sScrollX": "100%",
                   "sScrollXInner": "100%",
                   "bScrollCollapse": true,

                   //Dynamic Language .......
                   "oLanguage": {
                       "sZeroRecords": "There are no messages that match your search criteria",
                       "sLengthMenu": "Display _MENU_ records per page&amp;nbsp;&amp;nbsp;",
                       "sInfo": "Displaying _START_ to _END_ of _TOTAL_ records",
                       "sInfoEmpty": "Showing 0 to 0 of 0 records",
                       "sInfoFiltered": "(filtered from _MAX_ total records)",
                       "sEmptyTable": 'No Rows to display.....!',
                       "sSearch": "Search all columns:"
                   },
                   "oSearch": {
                       "sSearch": "",
                       "bRegex": false,
                       "bSmart": true
                   }

               });
</code></pre>

<p>and now the asp.net repeater:</p>

<pre><code>&lt;div class="module_content"&gt;
&lt;asp:Repeater runat="server" ID="rptSenderBIC" &gt;
&lt;ItemTemplate&gt;
&lt;div class="message"&gt;
&lt;p&gt;&lt;strong&gt;Message Type:&amp;nbsp;&lt;/strong&gt;&lt;asp:Literal ID="ltMessageDetail" 
runat="server" Text='&lt;%# Eval("MsgType") %&gt;'&gt;&lt;/asp:Literal&gt;&lt;/p&gt;                               
&lt;p&gt;&lt;strong&gt;Message Date:&amp;nbsp;&lt;/strong&gt;&lt;asp:Literal ID="ltMsgDate" 
runat="server" Text='&lt;%# Eval("MsgDate") %&gt;'&gt;&lt;/asp:Literal&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Message Time:&amp;nbsp;&lt;/strong&gt;&lt;asp:Literal ID="ltMsgTime" 
runat="server" Text='&lt;%# Eval("MsgTime") %&gt;'&gt;&lt;/asp:Literal&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Reference:&amp;nbsp;&lt;/strong&gt;&lt;a href="#"&gt;&lt;asp:Literal ID="ltMsgRef" 
runat="server" Text='&lt;%# Eval("MsgRef") %&gt;'&gt;&lt;/asp:Literal&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/ItemTemplate&gt;
&lt;/asp:Repeater&gt;                    
&lt;/div&gt;
</code></pre>

<p>So, the Reference of the repeater is selected, it's value should be filtered in the datatable</p>
