OJETを使用した動的ojTableの作成

Question

私は、n個の行とn個の列を持つJSONデータを持っています。ページングで結果を表示するには、テーブルを作成する必要があります。JSONの動的な行数と列数を持つojtableを作成する可能性はありますか？

Answer 1

JSONファイル内のデータの行数に基づいて、コンポーネントによって行が処理されます。開始時に表示される行数を制限する場合は、ojTableの「列」オプションを設定して、表示する列を動的に設定するオブジェクトを渡すことができます。このような

何か：ここ

<table data-bind="ojComponent: {component: 'ojTable', 
     data: pagingDatasource, 
     columns: dynamicCols}"> 
</table> 

self.getCols = function() { 
    var url = getUrl(); 
    $.getJSON(url).then(function (data) { 
    var tempCols = []; 
    for (var property in data.items[0]) { 
     if (data.items[0].hasOwnProperty(property)) { 
     tempCols.push({headerText: property, field: property}); 
     } 
    } 
    self.dynamicCols(tempCols); 
    self.pagingDatasource(new oj.PagingTableDataSource(new oj.ArrayTableDataSource(data.items, {idAttribute: 'empno'}))); 
} 

はそれを行う方法を示してjsFiddleです。 2つのURLの間でコメントを付けると、RESTエンドポイントによって返されるJSONに基づいて異なるテーブルが生成されます。 https://jsfiddle.net/peppertech/mdp0xjh3/