Как выровнять новые строки таблицы, добавленные с помощью JS, с существующими строками таблицы? - PullRequest
Новая
       63

Как выровнять новые строки таблицы, добавленные с помощью JS, с существующими строками таблицы?

0 голосов
/ 20 апреля 2020

Строки таблицы, которые я добавил, являются верхними 2 (MAT235 и CSC263). Если это поможет, я также могу опубликовать код HTML нижних 2 строк и верхних 2 строк.

enter image description here

Вот как я добавлены строки таблицы / данные: 

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>

И это новые строки HTML, сгенерированные моим JS код выше. 

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

РЕДАКТИРОВАТЬ: @ wOxxOm комментарий исправил это для меня.

1 Ответ

0 голосов
/ 20 апреля 2020

По запросу @isherwood я предоставляю ответ, полученный от @wOxxOm. Решение состоит в том, чтобы скопировать атрибут имени класса (newRow.className = 'courses') для новых строк.

...