Add a column with rowspan to a table using jquery

Question

I have a 2 column by 6 row table which is generated by a framework, so I have no control over how the table is originally built.

I want to add a third column on the right that spans all 6 rows by using jQuery. The table has an id, but the rows and cells have no defining features.

This is basically the generated table:

<table id="tbl1">
  <tr>
    <td>...</td>
    <td>...</td>
  </tr>
  <tr>
    <td>...</td>
    <td>...</td>
  </tr>
  ...
</table>

This is what I want it to be like after jquery has done its magic:

<table id="tbl1">
  <tr>
    <td>...</td>
    <td>...</td>
    <td rowspan="6">some new data</td>
  </tr>
  <tr>
    <td>...</td>
    <td>...</td>
  </tr>
  ...
</table>

I'm using jQuery version 1.7.1

What is the question?

Boaz
– Boaz

2013-04-11 08:56:08 +00:00
Commented Apr 11, 2013 at 8:56 — Boaz
– Boaz, Commented Apr 11, 2013 at 8:56
So, What you have tried in JQuery..?

Rahul Gokani
– Rahul Gokani

2013-04-11 08:56:17 +00:00
Commented Apr 11, 2013 at 8:56 — Rahul Gokani
– Rahul Gokani, Commented Apr 11, 2013 at 8:56

Chris Dixon · Accepted Answer · 2013-04-11 08:57:17Z

2

$('#tbl1 tr').eq(0).append("<td rowspan='6'>some new data</td>");

You can see the jsFiddle of this working here: http://jsfiddle.net/CDUq5/

answered Apr 11, 2013 at 8:57

Chris Dixon

9,1777 gold badges38 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add a column with rowspan to a table using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related