javascript - How to use the jQuery DataTables order listener -


I am using the DataTable jQuery plugin () and disable the default order of each column when you click on it Would like to do TH elements and instead specify another element to order (which will be a child of each T).

I have it in JS

  var table = $ ('table-stored'). Datatelle ({"ordering": false}); Table.order.listener ($ ('# sort'), 1);  

and this is in HTML

  & lt; Table class = "table-table-striped" cytopath = "0" width = "100%" & gt; & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th & gt; & Lt; Span id = "sort" & gt; Colonel 1 & lt; / Span & gt; & Lt; / Th & gt; & Lt; Th & gt; Colonel 2 & lt; / Th & gt; & Lt; Th & gt; Colonel 3 & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Period & gt; 2 & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Period & gt; Charlie's & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Period & gt; Delta's & lt; / Span & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Period & gt; 1 & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Period & gt; Alpha's & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Period & gt; Beta & lt; / Span & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Tbody & gt; So I believe that while clicking on Span with the ID of 'Sort', the table is 1- although this is not :( Any idea ??  

BTW, jQuery and DataTables all correct And I can work on pagination like other DataTable functionality :)

Then, My solution was to enable the default order on the data tables, and then to stop the ordering event that the elements were affected [which I would not do Not wanted the event to act TH with return:

  var table = $ ( '. Table-striped'). Datatelle ({"ordering": true}); $ ('. Table-striped th div'). Click (function () {return false;}) & lt; Table class = "table table-striped" cellspacing = "0" width = "100%" & gt; & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th & gt; & Lt; Span id = "sort" & gt; Sort me & lt; / Span & gt; & Lt; Div & gt; There is no sort & lt; / Div & gt; & Lt; / Th & gt; & Lt; Th & gt; Colonel 2 & lt; / Th & gt; & Lt; Th & gt; Colonel 3 & lt; / Th & gt; & Lt; / TR & gt; & Lt; / Thead & gt; & Lt; Tbody & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Period & gt; 2 & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Period & gt; Charlie's & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Period & gt; Delta's & lt; / Span & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Period & gt; 1 & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Period & gt; Alpha's & lt; / Span & gt; & Lt; / TD & gt; & Lt; TD & gt; & Lt; Period & gt; Beta & lt; / Span & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Tbody & gt;  

Hope that helps!


Comments

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

javascript - data.match(var) not working it seems -

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -