Table sorting using JavaScript

For simple table sorting, using JavaScript to sort tables can be divided into four steps:

1. Read the node data of the HTML page (convenient data manipulation)

2. Store table content data into an array (using a for loop)

3. call the sort method of the array for sorting (In addition, you can define the sorting rules in the sort method, instead of ascending or descending; you need to define a compare () comparison Method and convert () method to convert data types)

4. Add the array data to the table (generally, file fragments are created first, the data is added to the file fragments, and then the file fragments are added to the HTML page at one time)

 

For complex table sorting:

1. With the icon display function: defines a variable to determine whether the sorting is in ascending or descending order. Different icons are displayed according to the sorting method.

2. Chinese sorting: javascript internally defines a localecompare () method for local comparison.

3. Paging sorting: using JavaScript to implement paging sorting is complicated. You can select an appropriate plug-in to implement it.

 

In addition, you can use some frameworks for development, such as jquery.