TableSorter - inputs in header row 'locked'

TableSorter - inputs in header row 'locked'

Hello I have a text box in the header row, which I use for the the user to filter out rows below (that are under tablesorter). 

However, I can't seem to click into the input text box. 

sample mock html
<tr>
<th>Name</th>
<th class="{sorter: false}">Age <input type='text' id='filterAge'>  </th>
</tr>

I have a solution to access the box but the user can't highlight the text box. Here's my partial/dirty solution:

  1. $('#filterAge').live('click',function(event) {
  2.       this.focus();
  3.       return  false;
  4.  });

This gives the user access to now at least click into the text box, but not highlight the contents within it.

    • Topic Participants

    • admin