

You can click the + icons to expand parts of the tree and click icons to collapse parts of the tree. With the HTML Inspector, some very useful features are available to you as described next: DOM TreeThis is a simple view into the DOM tree.

Ħ) We need to type the HTML markup, the HTML table and its columnsħ) Inside the head section we also write the simple JQuery code.Ĩ) Run your application.This is how the HTML table looks before the table is sorted on the basis of the selected column.ĩ) Now I will click on the Midfielders header.Have a look at the picture below In the head section Ι add the following lines. Please donwload it, here.ĥ) We need to reference the JQuery library and the external JQuery Plugin.
HTML INSPECTOR JQUERY DOWNLOAD
Then we need to download the Tablesorter JQuery plugin. Please visit the and download the minified version. Choose an appropriate name for your application.Ģ) Add a web form, default.aspx page to the application.ģ) Add a table from the HTML controls tab control (from the Toolbox) on the default.aspx pageĤ) Now we need to download the JQuery library. You can also use VS 2010 editions.ġ) Launch Visual Studio. You can also use Visual Studio 2012 Express Edition. We will demonstrate this with a step by step example. You can find another post regarding HTML tables and JQuery here.

Τhere are other posts in my blog regarding JQuery.You can find them all here. I will use an external library,called Tablesorter which makes life so much easier for developers. In this post I will show you how easy is to sort the columns of an HTML table.
