Append hyperlink to table

Asked Feb 01 '16 at 10:02

Active Apr 12 '17 at 11:28

Viewed 94 times

I've tried to provide table with hyperlink

$.each(value, function(index, value){
    $("#myTable > thead").append("<tr><a href='/query/"+value.account_id+"'><td>"+value.first_name+"</td><td>"+value.address1+value.address2+value.address3+"</td></a></tr>");
});

which is not working, and I tried the following:

$.each(value, function(index, value){
   $("#myTable > thead").append("<a href='/query/"+value.account_id+"'><tr><td>"+value.first_name+"</td><td>"+value.address1+value.address2+value.address3+"</td></tr></a>");
});

It is working but it collapses my table or there is no table at all. It renders like paragraph. What's going wrong?

edited Apr 12 '17 at 11:28

Brian Tompsett - 汤莱恩

5,753
72
57
129

asked Feb 01 '16 at 10:02

m2j

1,152
5
18
43

1

You need to get some insight into hoe `table`, `tr`, `td` etc. works. – rrk Feb 01 '16 at 10:08
He means "how". Just a typo :) Besides, the `thead` can contain only one row ``. – AdityaParab Feb 01 '16 at 10:14
thead can only contain one so it's probably failing since you are trying to add another one to the head – NiallMitch14 Feb 01 '16 at 10:24
the tbody to the same thing – m2j Feb 01 '16 at 10:33
@AdityaParab There's no limit on how many rows a thead can contain. – JJJ Feb 01 '16 at 12:54
@Juhana: agreed. However, what kinda of semantic explanation can be given for having multiple rows in `thead`? Ofcourse, it will work that way but I am finding it hard to imagine a scenario where you'd need multiple rows in `thead`. – AdityaParab Feb 01 '16 at 13:52
@AdityaParab Well for example https://jsfiddle.net/a17ax4L1/ – JJJ Feb 01 '16 at 14:02

Append hyperlink to table

0 Answers0