-1

我有一些 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
4

1 回答 1

0

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

从

[
  {
    "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"
  }
]

您可以使用像https://www.newtonsoft.com/json这样的 JSON 序列化程序来做到这一点。

看看这个关于如何迭代你的属性

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

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

如果您想尝试 JSON to table 的工作原理，请点击此处

于 2018-10-26T10:03:28.040 回答