DataTables üzerinde Json Verilerini Görüntüleme

Question

Datatable'ım üzerinde bazı kodlanmış verileri görüntülemeye çalışıyorum, ancak bir nedenden dolayı hiçbir şey göstermiyor. Aşağıdaki kod var:

js Ben Aurelia çerçevesi ile javascript ES6 kullanıyorum

financialTargetData = [ 
    {"FirstName": 'Dan', 
    "UserId": "1", 
    "Sex": 'Male'}, 
    {"FirstName": "Peter", 
    "UserId": "2", 
    "Sex": "Male"} 
]; 

attached() 
{ 
    var that = this; 
    $('#financialtargettable').DataTable({ 
     "data": that.financialTargetData, 
     "lengthMenu": [[12, 24, 36, -1], [12, 24, 36, "All"]], 
     "paging": true 
    }); 
} 

html dosyası

<template> 
<div class="container-fluid"> 
    <div class="row"> 

     <div class="col-sm-12"> 
      <h2>Financial Targets</h2> 

      <div class="box"> 
       <div class="box-header"> 
        <h3 class="box-title">Data Table With Full Features</h3> 
       </div><!-- /.box-header --> 
       <div class="box-body"> 
        <table id="financialtargettable" class="table table-bordered table-striped"> 
         <thead> 
          <tr> 
           <th>FirstName</th> 
           <th>UserId</th> 
           <th>Sex</th> 
           <!--<th>GrossWorkingDays</th>--> 
           <!--<th>NetWorkingDays</th>--> 
          </tr> 
         </thead> 
        </table> 
       </div><!-- /.box-body --> 
      </div><!-- /.box --> 

     </div> 

    </div> 
</div> 

dosya. Ne daha fazla bilgi vermek için bilmiyorum, ama bu bana herhangi bir hata veriyor ve ben sadece onunla neler olduğunu bilmiyorum ...

Herhangi bir yardım büyük takdir edilecektir.

Teşekkür

Answer 1

şöyle görünecek şekilde verilerinizi ayarlamayı deneyin:

financialTargetData = [ 
    ['Dan', 1, 'Male'], 
    ["Peter", "2", "Male"] 
]; 

İşte

çalışan bir örnek: http://plnkr.co/edit/1Aj3P7Lzr8HPBY7P5OKj?p=preview