Since last update, header inputs no longer accessible...

[Francks11]

Hello @Mottie,

since last update, header inputs are no longer accessible.

You can see this here : http://jsfiddle.net/Francks11/oqfq47fc/1/

Why?

Thanks

[Mottie]

Hi @Francks11!

It's because of this line:

// needed or jQuery v1.2.6 throws an error
e.preventDefault();

I'm not sure why, but if I comment out that prevent default, jQuery v1.2.6 will throw an "Uncaught TypeError: handler.apply is not a function".

Maybe it's time to drop support for 1.2.6?

[Francks11]

Hi @Mottie,

I use currently version v1.7.2 of jQuery...

Thanks

[Mottie]

Yes, but tablesorter supports jQuery v1.2.6, so I need to find a work around or remove support for that really old version.

[Francks11]

jQuery 1.2.6 is out May 24, 2008. 7 years...

Indeed, it is time to drop support if that is not possible otherwise. :-p

[Mottie]

Does that table even sort?... if I right-click in the input, I can get focus to it, and yes, I know that isn't ideal.

[Francks11]

For this case, I do not use sorting because the data must appear in a specific order.

But I use scroller widget for fixed header and fixed columns...

Its not very practical with the right click :-)

[Francks11]

Why have you the need to add this code e.preventDefault(); from this version?

[Mottie]

Umm, because there was an error in jQuery v1.2.6?

It should work now... the update is in the master branch.

[Mottie]

Here is your demo using the core from the master branch.

[Francks11]

okay thanks for your reactivity. :-)

[Francks11]

I encounter a other issue with header input fields...

It is no longer possible to select the text in the field with mouse with Internet Explorer, for example, to replace text.

[Mottie]

Set the cancelSelection option to false (demo).

[Francks11]

Thanks :-), a lot of options unknow.

[Francks11]

Hi @Mottie, @TheSin- ,

I suggest you a improvement of cancelSelection, do not apply on input in header columns.

Use case :

I don't want that the header text can be select, but I would like that the text can be select on input.

I have see this code in tablesorter, which cancel select :

                if (c.cancelSelection) {
                    // cancel selection
                    $headers
                        .attr('unselectable', 'on')
                        .bind('selectstart', false)
                        .css({
                            'user-select': 'none',
                            'MozUserSelect': 'none' // not needed for jQuery 1.8+
                        });
                }

Thanks. :-)

[Mottie]

The cancel selection is applied to the header cell, not the inputs.

Since you have a extra rows in the header that are not used for sorting, you can use the same method the filter widget uses by adding "tablesorter-ignoreRow" (set by cssIgnoreRow option) to rows that you don't want to be included with config.$headers (demo). The header cells within that variable will be targetted by the cancelSelection code above.

<tr class="tablesorter-ignoreRow">
    ...
</tr>

I'll update the docs to emphasize this fact.

[Francks11]

Thanks :-)