PrimeNG TurboTable 的性能问题答案

【问题标题】：Performance issue with PrimeNG TurboTablePrimeNG TurboTable 的性能问题
【发布时间】：2018-06-28 13:12:18
【问题描述】：

我正在使用带有嵌套行的 PrimeNG TurboTable。将数据加载到 TurboTable 时会遇到严重的性能问题，例如渲染大约需要 30 秒，并且需要超过 10 秒才能稳定，数据是从服务器加载的，并且从服务器接收的数据非常快。有没有其他人遇到过问题。如果是，您是如何解决的。

html

<p-table [value]="cars">
    <ng-template pTemplate="header">
        <tr>
            <th>Vin</th>
            <th>Year</th>
            <th>Brand</th>
            <th>Color</th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-columns="columns" let-car>
        <tr>
            <td>{{car.vin}}</td>
            <td>{{car.year}}</td>
            <td>{{car.brand}}</td>
            <td>
          <ul>
            <li *ngFor="let item of sales"
            <a [ngClass]="{'active':car.order==item.order,'inactive':car.order > item.order}">
                                    <i class="fa {{item.icon}}"></i>
                                </a>
            </li>
           </ul>
            </td>
        </tr>
    </ng-template>
</p-table>

  this.cars =[
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "VW", "year": 2012, "color": "Orange", "vin": "dsad231ff","order"=10},
        {"brand": "Audi", "year": 2011, "color": "Black", "vin": "gwregre345","order"=15},
        {"brand": "Renault", "year": 2005, "color": "Gray", "vin": "h354htr","order"=24},
        {"brand": "BMW", "year": 2003, "color": "Blue", "vin": "j6w54qgh","order"=2},
        {"brand": "Mercedes", "year": 1995, "color": "Orange", "vin": "hrtwy34","order"=5},
        {"brand": "Volvo", "year": 2005, "color": "Black", "vin": "jejtyj","order"=8},
        {"brand": "Honda", "year": 2012, "color": "Yellow", "vin": "g43gr","order"=10},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},
        {"brand": "Ford", "year": 2000, "color": "Black", "vin": "h54hw5","order"=17},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=20},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=3},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=23},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=6},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=1},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=4},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=8},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=19},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=12},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=11},
        {"brand": "Fiat", "year": 2013, "color": "Red", "vin": "245t2s","order"=24},
        {"brand": "Jaguar", "year": 2013, "color": "Orange", "vin": "greg34","order"=15},

];

单独列表

   this.sales = [
            { brand: 'Apple', lastYearSale: '51%',thisYearProfit: '$43,342',"order"=1,"icon"="fa-flag-o" },
            { brand: 'Samsung', lastYearSale: '83%',thisYearProfit: '$312,122',"order"=2,"icon":"fa-address-card" },
            { brand: 'Microsoft', lastYearSale: '38%', thisYearProfit: '$8,500',"order"=3,"icon":"fa-eye" },
            { brand: 'Philips', lastYearSale: '49%',thisYearProfit: '$650,323',"order"=4,"icon":"fa-address-card" },
            { brand: 'Song', lastYearSale: '17%',thisYearProfit: '500,332' ,"order"=5,"icon":"fa-fax"},
            { brand: 'LG', lastYearSale: '52%',thisYearProfit: '$150,005',"order"=6,"icon":"fa-circle" },
            { brand: 'Sharp', lastYearSale: '82%',thisYearProfit: '$100,214' ,"order"=7,"icon":"fa-folder"},
            { brand: 'Panasonic', lastYearSale: '44%',thisYearProfit: '$53,322',"order"=8,"icon":"fa-address-book-o" },
            { brand: 'HTC', lastYearSale: '90%',thisYearProfit: '$296,232',"order"=9,"icon"="fa-bluetooth-b"  },
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=10,"icon"="fa-address-book-o"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=11,"icon"="fa-bath"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=12,"icon"="fa-address-card"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=13,"icon"="fa-bluetooth-b"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=14,"icon"="fa-eye"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=15,"icon"="fa-circle"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=16,"icon"="fa-fax"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=17,"icon"="fa-address-book-o"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=18,"icon"="fa-address-card"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=19,"icon"="fa-bluetooth-b"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=20,"icon"="fa-eye"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=21,"icon"="fa-fax"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=22,"icon"="fa-circle"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=23,"icon"="fa-folder"},
            { brand: 'Toshiba', lastYearSale: '75%',thisYearProfit: '$12,533',"order"=24,"icon"="fa-flag-o"}
        ];

【问题讨论】：

你用的是TurboTable吗？ p-table 的性能或多或少与 *ngFor 相同，请尝试使用 ngFor 来渲染您的数据，看看它有多少不同。如果您从服务器获取数据，那么汽车和销售等阵列会发生什么情况？你描述的和你的代码不匹配。我试过你的案子，它会立即打开。
@CagatayCivici 是的，我正在使用 TurboTable。如果数组包含超过 100 条记录，则表示渲染速度非常慢。例如：汽车：100 条记录和 21 条销售渲染记录大约需要 20 秒，稳定需要 10 多秒。
你能创建一个 Plunker 吗？
@Antikhippe 检查更新的 plunker 链接 plnkr.co/edit/mB8h3H4evQIyQHXhhFcX?p=preview
@Antikhippe 检查更新的 plunker 并帮助我解决该问题。

标签： angular5 primeng typescript2.0 webpack-3 primeng-turbotable

【解决方案1】：

问题不在于 TurboTable，而是您在最后一列中为 3401 行中的每一行显示 24 个图标。

显示 81624 个图标需要几秒钟的时间，即使是在表格之外。为了说服你，试试这个：

<div *ngFor="let car of cars">
  <li *ngFor="let item of sales">
    <i class="fa {{item.icon}}"></i>
  </li>
</div>

您将遇到同样的性能问题。

为了解决你的问题，你为什么不使用分页？这将非常快：

<p-table [value]="cars" sortField="brand" [paginator]="true" [rows]="10">
    ...
</p-table>

查看工作Plunker

【讨论】：

如果最后一列包含 2000 条记录中的每条记录的 10 个图标，分页非常慢。有什么办法可以解决这个问题。
不，没那么长，看我的Plunker