I have copied the great example on hot to filter a html table using the uitablefilter add-in. ( http://projects.gregweber.info/demo/flavorzoom.html) 

My table is very large however, and I am looking for a way to add a button before the the filter is run on the table.  What is the best way of doing this?

Can anyone help ... I am trying to make a simple website ... learning the basics of java.

 

Thanks,

Paul

 

$(function() {
  var theTable = $('table.chart_list')

  theTable.find("tbody > tr").find("td:eq(1)").mousedown(function(){
    $(this).prev().find(":checkbox").click()
  });

  $("#filter").keyup(function() {
    $.uiTableFilter( theTable, this.value );
  })

  $('#filter-form').submit(function(){
    theTable.find("tbody > tr:visible > td:eq(1)").mousedown();
    return false;
  }).focus(); //Give focus to input field

});