jqueryを使用してダイナミックマトリックス形式でデータを表示

Question

webapiから以下のjsonを取得します。このデータをUIのマトリックス形式で表示する必要があります。どうすればいい？

JSONデータは、次のようになります。

[ 
{"ShippingLine_Cd":"AAC","SizeType_Cd":"20BU","ERIStatus_Cd":"Active","Shift_Nbr":"1"}, 
{"ShippingLine_Cd":"ACL","SizeType_Cd":"20BU","ERIStatus_Cd" :"Active","Shift_Nbr":"2"}, 
{"ShippingLine_Cd":"AMA","SizeType_Cd":"20DR","ERIStatus_Cd" :"Active","Shift_Nbr":"1"}, 
{"ShippingLine_Cd":"ABC","SizeType_Cd":"20DR","ERIStatus_Cd" :"Pending","Shift_Nbr":"2"}, 
{"ShippingLine_Cd":"CDE","SizeType_Cd":"20DR","ERIStatus_Cd" :"Pending","Shift_Nbr":"3"}, 
{"ShippingLine_Cd":"AAC","SizeType_Cd":"20DR","ERIStatus_Cd" :"Active","Shift_Nbr":"1"}, 
{"ShippingLine_Cd":"CDE","SizeType_Cd":"20BU","ERIStatus_Cd" :"Pending","Shift_Nbr":"1"} 
] 

これはUI形式希望：あなたの質問は何のコードを示していないので

Answer 1

を、私はその、擬似コードにお答えします実際のコードを書くのはあなた次第です。

（あなたが最初にあなたのHTMLテーブルを作成した後に）あなたはこのような何かを行うことができます：

data.forEach(item => { 
    var x = item.SizeType_Cd == ("20BU" ? 2 : 0) + item.Shift_Nbr; 
    var y = 0; //some logic here to get the y coordinate 
    table.children[y].chilren[x].text = item.ERIStatus_Cd; //set the status text 
})