<script type='text/javascript' src='http://XXXXXXXXXX.de/xttab/picnet.table.filter.min.js'></script>
<script type='text/javascript' src='http://XXXXXXXXXX.de/xttab/tablesort.js'></script>
<script type='text/javascript'>
        jQuery(document).ready(function($) {
          // Initialise Plugin
            var options1 = {
                additionalFilterTriggers: [$('#quickfind')],
                clearFiltersControls: [$('#cleanfilters')],
                matchingRow: function(state, tr, textTokens) {
                  if (!state || !state.id) {
                    return true;
                  }
var child = tr.children('td:eq(2)');
                  if (!child) return true;
                  var val = child.text();
                  switch (state.id) {
                  default:
                    return true;
                  }
                }
            };
            $('#demotable2').tableFilter(options1);
           var grid2 = $('#demotable2');
           var options2 = {
           filteringRows: function(filterStates) {
                grid2.addClass('filtering');
              },
              filteredRows: function(filterStates) {
                grid2.removeClass('filtering');
                setRowCountOnGrid2();
              }
            };
            function setRowCountOnGrid2() {
              var rowcount = grid2.find('tbody tr:not(:hidden)').length;
              $('#rowcount').text('(Rows ' + rowcount + ')');
            }
            grid2.tableFilter(options2); // No additional filters
            setRowCountOnGrid2();
        });
    </script>