Dynamic Rows Addition in HTML Table in Upward Direction

Question

How can we dynamically add rows in HTML table in upward direction? When we add rows then it add rows in downward.

Raja Krishnamurthy · Answer

Apologize for my misunderstanding. I thought after every insert you were refreshing the table by getting the data from DB. Please try this: $("#myTable tr:first").prepend(" "); //$("#myTable tr:first") selector will get you the first row in MyTable and prepend will prefix your node to the node specified. HTH

Sam Hobbs · Answer

You should check the checkbox for Raja's post that indicates that it solved the problem. That is the best way to thank Raja.

Vahaj uddin · Answer

Thanx Raja its done. It solved my problem. I used the below line of code to add rows dynamically in upward direction $("#ImageTable tr:first").prepend("   "); Thanx alot dear again :)

Vahaj uddin · Answer

No dear its not the issue of data base table. I'm asking about HTML in which I'm creating rows dynamically which creates by default in downward direction I want new rows to be on top always. Like LIFO (Last in first out). Table rows could contain any thing like images videos etc.

Raja Krishnamurthy · Answer

I think it can be simply done by ordering the data by descending order of primary id. This way the newest record will always be at the top. HTH

Vahaj uddin · Answer

Yes I want to do it programmatically either using client side or server side technique.

Karthikeyan Anbarasan · Answer

Do u want to do it programatically ? or static design creating?

Dynamic Rows Addition in HTML Table in Upward Direction

Answers (7)