A recent project that I have been working on, required that the user be able to rank data in any order. There a several ways to implement a reordering feature, including adding up and down arrows to each row. However, this can become tedious especially with a large table of data when an item needs to go from the bottom row to the top.
A cool way to implement a reordering feature is to use the Table Drag and Drop JQuery plugin created by Isocra Consulting. The plugin requires that the data be displayed in a table format. To achieve this I am using the <asp:ListView> control which is bound to an XML document that will act as the database and save the changes.
Next, add a <asp:ListView> control which will generate a clean HTML table. There are other ASP.NET server controls that render tables such as the <asp:GridView> control, but the <asp:ListView> is very flexible and more importantly does not add unnecessary HTML tags to the output. In this example I am binding the <asp:ListView> to an <XmlDataSource>, which can easily be replaced with a Database connection.