How to add Table data to Before last Table Data Column using jquery

Question

I have html table in partial view.

I want to add more table data to table row. Need to mention I have created only one table row having all table data inside horizontally.

I need to add more table data after button click event. But my last table data is Total, so i need to add table data before Total column. It is html mark up so I don't have way to show that.

My table is like that.

<table>
    <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>Total</td></tr>
</table>

I want to add new column before Total column, like that.

<table>
    <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>Add New Column</td><td>Total</td></tr>
</table>

yeyene · Accepted Answer · 2013-07-04T12:59:07.590

3

Not sure exactly what you mean, but check this DEMO http://jsfiddle.net/yeyene/UDV64/

Is that what you want?

$(document).ready(function(){
    $('#add').on('click', function(){
        var $getCol = $('#myTable tr > td');
        $getCol.eq($getCol.length-1).before('<td>New</td>');
    });
});

edited Jul 04 '13 at 12:59

answered Jul 04 '13 at 12:11

yeyene

7,297
1
21
29

score -1 · Answer 2 · edited May 23 '17 at 10:28

-1

EDIT -> Already posted: Add table row in jQuery

This is what you will need to use: http://api.jquery.com/last-selector/

You can use this with .append or .insertAfter

jQuery has great documentation so make sure you read through and look at the examples.

edited May 23 '17 at 10:28

Community

1
1

answered Jul 04 '13 at 11:59

m33bo

1,334
1
17
34

I no need to append on last row I need append before last node – unique Jul 04 '13 at 12:09
He quite clearly states column not row. – Mike Campbell Jul 04 '13 at 12:16
1

My bad, I confused the question @Mike Campbell. Thanks yeyene for editing question, your answer was excellent. – m33bo Jul 04 '13 at 13:05

How to add Table data to Before last Table Data Column using jquery

2 Answers2