Dynamic Rows Addition in HTML Table in Upward Direction

Vahaj uddin

15y4.6k

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

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Raja Krishnamurthy15y ago
Accepted 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
0
Sam Hobbs15y ago
You should check the checkbox for Raja's post that indicates that it solved the problem. That is the best way to thank Raja.
0
Vahaj uddin15y ago
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 :)
0
Vahaj uddin15y ago
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.
0
Raja Krishnamurthy15y ago
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
0
Vahaj uddin15y ago
Yes I want to do it programmatically either using client side or server side technique.
0
Karthikeyan Anbarasan15y ago
Do u want to do it programatically ? or static design creating?
0