How to add a column to the end of a table in HTML?

Question

So I am teaching myself web development and I decided by working on a little project would be the best way.

I wanted to create a small site that would list all of the college bowl games and a user could add their picks, but all I seem to know how to do is add rows.

How would I add a column to this table that would have the persons name at the top and listed below is all of their picks. How would I do that?

Update:

I assume once I start teaching myself typescript I would get the add new player button working, but right now I am just adding everything manually. baby steps..

Answer 1

the best sources of information vary but you must always try w3schools first as the people that think all this stuff up its a good place to start. But other developer sites also help when a specific task appears a bit tricky to implement. you have probably stumbled across a tricky thing to do and it may involve using CSS or Javascript to actual achieve it. the links below should help a bit but they dont necessarily answer the question.

Source(s): https://www.w3schools.com/html/html_tables.asp https://www.w3schools.com/jsref/met_tablerow_inser... https://developer.mozilla.org/en-US/docs/Web/API/D...

• ...Show all comments
• husoski

  Lv 7

  8 months agoReport

  w3schools is NOT "the people that think this stuff up".  Period.  There is no connection between them and The World-Wide Web Consortium (the *real* W3C).  None whatsoever.
  

• Login to reply the answersPost

Answer 2

<table>

<tr>

<td>Date</td>

<td>Time</td>

<td>Bowl</td>

<td>Points</td>

<td>Location</td>

<td>Matchup</td>

<TD>NEW COLUMN</TD>

</tr>

...

</table>

Just add <td>...</td> to each <tr>...</tr>.

• Login to reply the answersPost