如何将使用JS添加的新表行与现有表行对齐？

Question

我添加的表行是前2位（MAT235和CSC263）。如果有帮助，我还可以发布底部2行和顶部2行的HTML代码。

这是我添加表行/数据的方式：

var tableRef = document.getElementsByClassName('section academic-history xs-block-table')[0].getElementsByTagName('tbody')[1];

var newRow = tableRef.insertRow(1);

var newCell = newRow.insertCell(0);

newCell.innerHTML = 'MAT235Y1'

这是现有行的HTML的样子

<tr data-ng-repeat="course in session.courses" class="courses">
    <td>STA257H1</td>
    <td>Probability and Stat I</td>
    <td class="course-weight">0.50</td>
</tr>

这是我上面的JS代码生成的新行的HTML。

<tr>
   <td>MAT235Y1</td>
   <td>Calculus</td>
   <td>1.00</td>
</tr>

编辑：@wOxxOm的评论为我修复了它。

Answer 1

根据@isherwood的要求，我提供了从@wOxxOm收到的答复。解决方案是为新行复制类名称属性（newRow.className ='courses'）。