Я использую 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);
}
Кажется, это работает отлично, за исключением того, что я хочу, чтобы первая ячейка выравнивалась вправо.
Какие-либо предложения?
Вы можете попробовать добавить это (я предполагаю, что cell1 является "первой ячейкой", о которой вы говорите):
cell1.style.textAlign = "right";
Это стилирует ячейку с CSS textAlign справа.
Кроме того, вы можете установить имя класса для ячейки с помощью этого кода JavaScript:
cell1.className = "alignRight"
И используйте CSS, чтобы установить выравнивание вправо.
.alignRight{
text-align:right;
}
Чтобы сделать это еще проще, вы можете использовать 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!");
Надеюсь это поможет.