排序时使用datatables.net,数据丢失

时间:2019-07-12 09:59:50

标签: angular datatables

我调用api,数据将显示在表上。 当我单击以对数据进行排序时,表格将丢失数据。

<table id="example-test" class="table table-hover table-clean" cellspacing="0" style="width:100%">
<thead>                                             
    <tr>                                                
        <th class="text-center">a</th>                                                      
        <th class="text-left">b</th>                                                
    </tr>                                           
</thead>                                                                                    <tbody>                                                     
    <tr class="data_row" *ngFor="let row of testapi" >                                                                                                                  
        <td class="text-left">{{ row.name }}</td>                                                           
        <td class="text-right">{{ row.price  }}</td>                                                    
    </tr>                                               
</tbody>


this.http.get('/assets/test.json').subscribe(res =>{
            this.testapi = res.json()["data"];
            // console.log(this.testapi);
});

ngOnInit() {
    $(function() {
        $('#example-test').DataTable();
    });
}

0 个答案:

没有答案