我有json数据，希望在Asp.net中的.cs.htm视图上进行Dispally

Question

我有一些Json数据，我想在Razor视图中显示，请告诉我这是我的Json数据Json数据：

[{"Name":"H&S 01","1":65656.0,"2":67779.0,"3":32323.0,"4":232323.0,"5":34.0,"6":345.0,"7":34.0,"8":23.0,"9":0.0,"10":0.0,"11":0.0,"12":0.0},{"Name":"H&S 02","1":2342.0,"2":234.0,"3":234.0,"4":23.0,"5":234.0,"6":23423.0,"7":23423.0,"8":4343.0,"9":23658.0,"10":667.0,"11":366.0,"12":34766.0},{"Name":"H&S 03","1":0.0,"2":333.0,"3":0.0,"4":0.0,"5":0.0,"6":0.0,"7":0.0,"8":0.0,"9":0.0,"10":0.0,"11":0.0,"12":0.0}]

显示器1

第二个图像输出2

我想在视图上显示为。

Name| Jan- 2008 | Feb- 2008 | Mar - 2008| Total
H&S1| 65656     | 23        |  34       | 65727     
H&S2| 23333     | 4300      | 2150      | 27570

Answer 1

您可以尝试的是首先，翻译

来自

[
{
"1": 65656,
"2": 67779,
"3": 32323,
"4": 232323,
"5": 34,
"6": 345,
"7": 34,
"8": 23,
"9": 0,
"10": 0,
"11": 0,
"12": 0,
"Name": "H&S 01"
}
]

类似于：

[
{
"Jan- 2008": 65656,
"Feb- 2008": 67779,
"Mar- 2008": 32323,
"Apr- 2008": 232323,
"May- 2008": 34,
"Jun": 345,
"Jul": 34,
"Aug": 23,
"Sep": 0,
"Oct": 0,
"Nov": 0,
"Dec": 0,
"Name": "H&S 01"
}
]

您可以使用JSON序列化程序(如https://www.newtonsoft.com/json.

看看如何迭代属性

接下来，您可以使用库将JSON显示为一个表，然后使用CSS 自定义该表

这是我找到的一个。https://github.com/jongha/jquery-jsontotable

如果您想尝试JSON到表的工作方式，请使用