Выровнять ячейку javascript

0

Я использую javascript для динамического добавления строк в таблицу:

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);
}

Кажется, это работает отлично, за исключением того, что я хочу, чтобы первая ячейка выравнивалась вправо.

Какие-либо предложения?

  • 0
    Вы можете создать скрипку на jsfiddle.net
Теги:

2 ответа

2
Лучший ответ

Вы можете попробовать добавить это (я предполагаю, что cell1 является "первой ячейкой", о которой вы говорите):

cell1.style.textAlign = "right";

Это стилирует ячейку с CSS textAlign справа.


Кроме того, вы можете установить имя класса для ячейки с помощью этого кода JavaScript:

cell1.className = "alignRight"

И используйте CSS, чтобы установить выравнивание вправо.

.alignRight{
     text-align:right;
}
  • 0
    Это было действительно то, что я искал, сэр!
  • 0
    Добро пожаловать :)
0

Чтобы сделать это еще проще, вы можете использовать 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

Затем вы можете установить стиль и содержимое #new-row с помощью методов html() и css():

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

Надеюсь это поможет.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню