Как отобразить данные из CSV в HTML

У нас есть CSV файл с таблицей:

Таблица CSV

и нам нужно отобразить эти данные на сайте. Сначала сверстаем пустую таблицу:

<table class="table">
   <thead>...</thead>
   <tbody>
      <tr>
         <td></td>
         <td></td>
         <td></td>
      </tr>
   </tbody>
</table>

Далее в JS добавляем этот код:

$(document).ready(function() {
   $.ajax({
      type: "GET",
      url: "/files/table.csv", // путь к файлу
      dataType: "text",
      success: function(data) {parsingData(data);}
   });
});

function parsingData(data) {
   $(".table tbody").empty(); // очищаем все что есть
   var allDataArray = data.split('\n'); // собираем массив из всех строк в файле
   allDataArray = allDataArray.slice(1); // удаляем первую строку состоящую из "Number, Name, Scores"
   var newArray = []; // создаем пустой массив (если нужно)

   for (let i = 0; i < allDataArray.length; i++) { // перебираем каждую строку
      var tempArray = allDataArray[i].split(';'); // разбиваем каждую строку еще на массив, состоящий из ячеек таблицы
      newArray.push(tempArray); // добавляем этот массив в наш новый массив (если нужно)
      $(".table tbody").append('<tr><td>'+tarray[0]+'</td><td>'+tarray[1]+'</td><td>'+tarray[2]+'</td><td>—</td></tr>'); // добавляем данные из текущей строки в таблицу на сайте
   }
}

Получаем такую таблицу: