Question

I have a gridview for which JQuery drag and drop method is used to rearrage the rows. When I used the “View Page Source” option to see how the HTML part would look , I can see the gridview rows arranged in HTML table format (like Table, TR and TD ) and in the same order as the displayed data. But even if I rearranged the rows from client side (using the drag option implemented for the gridview), the order of elements remain the same when checked with the “View Page Source” .

So my question is whether the displayed content has direct relation with the “Page SOurce” of browser or is it shows only the Source of the content loaded during the page load process?

Can any one clarify this?

Example::
Gridview contains
A
B
C
D

Source elements are also in the same order.
If rearranged rows from client side as B,C,A,D the Page source order remains the same

Answer 1

I found the question below that has a lot of information about this…

Basically the browser tries to give the version of the page, but the generation of that source code is different from what you get to see in the browser window.

Generate source of webpage

They also suggest some techniques to get the one you want (see DOM page javascript suggestion)