-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 番目の画像 出力 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 に答える