Align cell javascript

Question

i'm using javascript to add rows to a table dynamically:

function addRow() {
    var table = document.getElementById("bestelling");

    var rowCount = table.rows.length; 
    var row = table.insertRow(rowCount-5);

    var cell1 = row.insertCell(0);
    var bedrag = document.createElement("input");
    bedrag.type = "text";
    bedrag.name = "bedrag[]";
    cell1.appendChild(bedrag);
}

This seems to work perfectly, except I want the first cell to align right.

Any suggestions?

can you create a fiddle at jsfiddle.net

Zword
– Zword

2014-01-04 14:10:45 +00:00
Commented Jan 4, 2014 at 14:10 — Zword
– Zword, Commented Jan 4, 2014 at 14:10

Samleo · Accepted Answer · 2014-01-04 14:10:03Z

7

You can try adding this (I am assuming that cell1 is the "first cell" that you are referring to):

cell1.style.textAlign = "right";

This styles the cell with CSS textAlign right.

Alternatively, you can set a class name to the cell with this JavaScript code:

cell1.className = "alignRight"

And use CSS to set the align right.

.alignRight{
     text-align:right;
}

answered Jan 4, 2014 at 14:10

Samleo

6055 silver badges17 bronze badges

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

1 Comment

crodie Over a year ago

That was indeed what i was looking for sir!

ArtOfCode · Accepted Answer · 2014-01-04 14:20:13Z

0

To make this even simpler, you could use jQuery - http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js

$("<tr id='new-row'>").insertBefore("#first-row")      // # is the id selector

Then you can set the style and content of #new-row using the html() and css() methods:

$("#new-row").css("text-align","right");
$("#new-row").html("Hello world!");

Hope this helps.

answered Jan 4, 2014 at 14:20

ArtOfCode

5,7085 gold badges41 silver badges58 bronze badges

Collectives™ on Stack Overflow

Align cell javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related