We recently began using datatables in a scenario where the users can edit the text direclty in the cells using input, select tags.
We promptly ran into the issue of sorting cells containing data inside of HTML tags, and used the dataTable.ext.order functions to add methods for sorting these columns.
It worked perfectly initially, on a new page, however, it does not work for any textfields that contain text. It works fine for any non-text, input type="text" fields.
If you go to our fiddle, http://jsfiddle.net/m9o5myyd/ you can see a sample grid with textboxes and/or select items in the table. You will be able to sort the SortOrder and Status columns (a textbox containing numbers and a select tag containing drop down values), but the first column, containing a textbox containing text, will not sort.
The debugger for the "real" page, is here: https://debug.datatables.net/ewezuj
Can anyone provide any insight into what might be happening? Thank you in advance!