Ошибка отображения CSV-файла большого размера в Angular

Question

Размер моего CSV-файла составляет 500 МБ и 700 000 строк, и когда я отображаю его с помощью приведенного ниже кода, Chrome говорит, что

приостанавливается до того, как в памяти не останется cra sh

Мой Angular код, app.component.ts

import {Component, OnInit} from '@angular/core';
import * as Papa from 'papaparse';

let obj: AppComponent;

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})

export class AppComponent implements OnInit {
    name = 'Angular csv file parser example';
    dataList: any[];

    ngOnInit() {
        obj = this;
    }

    onChange(files: File[]) {

        if (files[0]) {

            console.log(files[0]);
            Papa.parse(files[0], {
                header: true,
                skipEmptyLines: true,
                complete: (result, file) => {
                    console.log(result);
                    this.dataList = result.data;
                }
            });
        }
    }
}

Как это сделать?

Answer 1

Если проблема заключается в отображении данных, то вы можете попробовать такие функции, как виртуальная прокрутка и разбиение на страницы