2016-12-15 252 views
4

我試圖將一個Javascript對象的內容顯示到HMTL/CSS表中。 在Groovy二維數組是這樣的(這只是一個片段,而不是完整的):如何在HTML表格中顯示二維數組JSON對象的內容

[[null, Pyjamas , Oreillers Traversins, Linge de lit, Protection literie, Surmatelas, Linge de lit , Couettes, Linge de bain], [Pyjamas , null, .3333333333333333, 0.16666666666666666, 0.16, 0.16, null, null, null]]

一個陣列對應於我的表一行。 JavaScript對象從常規控制器創建這樣

[matrix: matrix as JSON] 

這裏是如何,我認爲我已經得到充分的表GSP/Javascript和顯示它(在我的控制檯,而不是在我的表)

<script> 
    var matrix = ${matrix}; 
    var matrixTab = JSON.stringify(matrix); 
    console.log(matrixTab); 
</script> 

什麼HMTL表看起來並不重要。 還有一件事,我使用螢火蟲,當我試圖捕捉我的數組時,控制檯顯示我this error。任何想法 ?

+0

你所顯示的代碼看起來很好,你看到的錯誤是否發生在表創建或上面的代碼片段? – mikeapr4

+0

表的創建還沒有完成,所以不是這樣的,而是關於我認爲的js片段。 – pladislas

回答

2

JSON.stringify()將輸出一個對象作爲字符串,但在這裏矩陣不是有效的JavaScript對象。 ${matrix}需求爲包含你的對象的字符串,然後分析它是這樣的:

var matrix = '[[null, Pyjamas , Oreillers Traversins, Linge de lit, Protection literie, Surmatelas, Linge de lit , Couettes, Linge de bain], [Pyjamas , null, .3333333333333333, 0.16666666666666666, 0.16, 0.16, null, null, null]]' 
// OR 
var matrix = ${matrix} 
var matrixTab = JSON.parse(matrix); 

您將能夠經過matrixTab和顯示錶,因爲你需要。