如何使用jsrender中的動態列和值呈現表格？

我有這樣如何使用jsrender中的動態列和值呈現表格？

{ 
"columns": [ 
    { 
    "name": "COLUMN1", 
    "code": "c1" 
    }, 
    { 
    "name": "COLUMN2", 
    "code": "c2" 
    }, 
    { 
    "name": "COLUMN3", 
    "code": "c3" 
    }, 
    { 
    "name": "COLUMN4", 
    "code": "c4" 
    } 
], 
"rows": [ 
    { 
    "c1": 387, 
    "c2": 347.618, 
    "c3": 0, 
    "c4": 39.282, 
    }, 
    { 
    "c1": 390, 
    "c2": 3457.618, 
    "c3": 0, 
    "c4": 40.282 
    }, 
     { 
    "c1": 387, 
    "c2": 3447.618, 
    "c3": 0, 
    "c4": 39.282 
    }, 
     { 
    "c2":10, 
    "c3": 0, 
    "c4": 39.282 
    }, 
     { 
    "c1": 387, 
    "c2": 347.618, 
    "c4": 100 
    } 
] 
}

一個數據集，其中所述列的長度以及各行的長度不固定。現在我想呈現一個表格標題爲column.name 行值應該可以通過列代碼訪問。（比如對於列COLUMN1，每行的值應該是row.c1等等）。

我已經如此地結合很多答案和jsrender一些文檔，然後拿出一個解決方案如下：

任何一個可以給我一個更好的方法來做到這一點？列數組和行數組之間的唯一映射是代碼字段。如果您需要更多信息，請發表評論。

P.S：我根本不能改變數據結構。

來源

2017-08-24 Parth

看起來你可以這樣做：

{{for rows}} 
    <tr> 
     {{for ~root.columns ~row=#data}} 
      <td class="right">{{:~row[code]}}</td> 
     {{/for}} 
    </tr> 
{{/for}}

來源

2017-08-25 19:32:51 BorisMoore

我試過'{{：〜行[{{：代碼}}]}}'但力打動我使用這種簡單的形式'{{：〜行[代碼]}}'。太棒了，感謝您的幫助。 – Parth

如何使用jsrender中的動態列和值呈現表格？

回答

相關問題