Адаптивные карты не отображают все ключи и значения при попытке сделать таблицу

Question

Мне недавно пришлось изучать адаптивные карты для приложения на работе и хочу представлять таблицу. Проблема, с которой я сталкиваюсь, заключается в том, что все ключи и значения для моих образцов данных не отображаются на сайте дизайнера, когда я переключаю их в режим предварительного просмотра. Я смотрю на это некоторое время и не могу найти какие-либо синтаксические ошибки. Мне интересно, возможно, у меня слишком много столбцов, чтобы это правильно отображалось, но я не уверен.

Шаблон карточки:

{
    "type": "AdaptiveCard",
    "version": "1.0",
    "body": [
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "width": "stretch"
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "TextBlock",
                            "text": "100G",
                            "id": "100Gtxt",
                            "horizontalAlignment": "Center",
                            "weight": "Bolder"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "TextBlock",
                            "text": "FPW",
                            "weight": "Bolder",
                            "id": "FPWtxt",
                            "horizontalAlignment": "Center"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "TextBlock",
                            "text": "Serving Size",
                            "id": "ServingSizetxt",
                            "horizontalAlignment": "Center",
                            "weight": "Bolder"
                        }
                    ]
                }
            ]
        },
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "FactSet",
                            "facts": [
                                {
                                    "$data": "{propertiesNutritional}",
                                    "title": "{key}",
                                    "value": "{value}"
                                }
                            ],
                            "id": "NutritionalFact",
                            "separator": true,
                            "spacing": "None"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "FactSet",
                            "facts": [
                                {
                                    "$data": "{propertiesUom}",
                                    "title": "{key}",
                                    "value": "{value}"
                                }
                            ],
                            "id": "UomFact",
                            "separator": true,
                            "spacing": "None"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "FactSet",
                            "facts": [
                                {
                                    "$data": "{propertiesCurrent1}",
                                    "title": "{key}",
                                    "value": "{value}"
                                }
                            ],
                            "id": "CurrentFact1",
                            "separator": true,
                            "spacing": "None"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "FactSet",
                            "facts": [
                                {
                                    "$data": "{propertiesNew1}",
                                    "title": "{key}",
                                    "value": "{value}"
                                }
                            ],
                            "id": "NewFact1",
                            "spacing": "None",
                            "separator": true
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "FactSet",
                            "facts": [
                                {
                                    "$data": "{propertiesCurrent2}",
                                    "title": "{key}",
                                    "value": "{value}"
                                }
                            ],
                            "id": "CurrentFact2",
                            "separator": true,
                            "spacing": "None"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "FactSet",
                            "facts": [
                                {
                                    "$data": "{propertiesNew2}",
                                    "title": "{key}",
                                    "value": "{value}"
                                }
                            ],
                            "id": "NewFact2",
                            "separator": true,
                            "spacing": "None"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "FactSet",
                            "facts": [
                                {
                                    "$data": "{propertiesCurrent3}",
                                    "title": "{key}",
                                    "value": "{value}"
                                }
                            ],
                            "id": "CurrentFact3",
                            "separator": true,
                            "spacing": "None"
                        }
                    ]
                },
                {
                    "type": "Column",
                    "width": "stretch",
                    "items": [
                        {
                            "type": "FactSet",
                            "facts": [
                                {
                                    "$data": "{propertiesNew3}",
                                    "title": "{key}",
                                    "value": "{value}"
                                }
                            ],
                            "id": "NewFact3",
                            "spacing": "None",
                            "separator": true
                        }
                    ]
                }
            ]
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}

Пример данных:

{
  "propertiesNutritional": [
    {
      "key": "Nutritional",
      "value": "Calories"
    }
  ],
  "propertiesUom": [
    {
      "key": "UOM",
      "value": "Calories"
    }
  ],
  "propertiesCurrent1": [
    {
      "key": "Current",
      "value": "Number"

    }
  ],
  "propertiesNew1": [
    {
      "key": "New",
      "value": "Number"
    }
  ],
  "propertiesCurrent2": [
    {
      "key": "Current",
      "value": "Number"

    }
  ],
  "propertiesNew2": [
    {
      "key": "New",
      "value": "Number"
    }
  ],
  "propertiesCurrent3": [
    {
      "key": "Current",
      "value": "Number"

    }
  ],
  "propertiesNew3": [
    {
      "key": "New",
      "value": "Number"
    }
  ]
}

Answer 1

да, по какой-либо причине (думаю, это уже добавлено как проблема), у вас не может быть чисел в именах ваших свойств. Например, если вы измените свой propertiesCurrent3 на propertiesCurrent C, то все работает отлично.

Попробуйте:

{
"type": "AdaptiveCard",
"version": "1.0",
"body": [
    {
        "type": "ColumnSet",
        "columns": [
            {
                "type": "Column",
                "width": "stretch"
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "TextBlock",
                        "text": "100G",
                        "id": "100Gtxt",
                        "horizontalAlignment": "Center",
                        "weight": "Bolder"
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "TextBlock",
                        "text": "FPW",
                        "weight": "Bolder",
                        "id": "FPWtxt",
                        "horizontalAlignment": "Center"
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "TextBlock",
                        "text": "Serving Size",
                        "id": "ServingSizetxt",
                        "horizontalAlignment": "Center",
                        "weight": "Bolder"
                    }
                ]
            }
        ]
    },
    {
        "type": "ColumnSet",
        "columns": [
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "FactSet",
                        "facts": [
                            {
                                "$data": "{propertiesNutritional}",
                                "title": "{key}",
                                "value": "{value}"
                            }
                        ],
                        "id": "NutritionalFact",
                        "separator": true,
                        "spacing": "None"
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "FactSet",
                        "facts": [
                            {
                                "$data": "{propertiesUom}",
                                "title": "{key}",
                                "value": "{value}"
                            }
                        ],
                        "id": "UomFact",
                        "separator": true,
                        "spacing": "None"
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "FactSet",
                        "facts": [
                            {
                                "$data": "{propertiesCurrentA}",
                                "title": "{key}",
                                "value": "{value}"
                            }
                        ],
                        "id": "CurrentFact1",
                        "separator": true,
                        "spacing": "None"
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "FactSet",
                        "facts": [
                            {
                                "$data": "{propertiesNewA}",
                                "title": "{key}",
                                "value": "{value}"
                            }
                        ],
                        "id": "NewFact1",
                        "spacing": "None",
                        "separator": true
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "FactSet",
                        "facts": [
                            {
                                "$data": "{propertiesCurrentB}",
                                "title": "{key}",
                                "value": "{value}"
                            }
                        ],
                        "id": "CurrentFact2",
                        "separator": true,
                        "spacing": "None"
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "FactSet",
                        "facts": [
                            {
                                "$data": "{propertiesNewB}",
                                "title": "{key}",
                                "value": "{value}"
                            }
                        ],
                        "id": "NewFact2",
                        "separator": true,
                        "spacing": "None"
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "FactSet",
                        "facts": [
                            {
                                "$data": "{propertiesCurrentC}",
                                "title": "{key}",
                                "value": "{value}"
                            }
                        ],
                        "id": "CurrentFact3",
                        "separator": true,
                        "spacing": "None"
                    }
                ]
            },
            {
                "type": "Column",
                "width": "stretch",
                "items": [
                    {
                        "type": "FactSet",
                        "facts": [
                            {
                                "$data": "{propertiesNewC}",
                                "title": "{key}",
                                "value": "{value}"
                            }
                        ],
                        "id": "NewFact3",
                        "spacing": "None",
                        "separator": true
                    }
                ]
            }
        ]
    }
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"

}

И это для ваших данных:

    {
    "propertiesNutritional": [{
        "key": "Nutritional",
        "value": "Calories"
    }],
    "propertiesUom": [{
        "key": "UOM",
        "value": "Calories"
    }],
    "propertiesCurrentA": [{
        "key": "Current",
        "value": "Number"

    }],
    "propertiesNewA": [{
        "key": "New",
        "value": "Number"
    }],
    "propertiesCurrentB": [{
        "key": "Current",
        "value": "Number"

    }],
    "propertiesNewB": [{
        "key": "New",
        "value": "Number"
    }],
    "propertiesCurrentC": [{
        "key": "Current",
        "value": "Number"

    }],
    "propertiesNewC": [{
        "key": "New",
        "value": "Number"
    }]
}