Dynamic Data Binding on Teams Adaptive Card tables

kaangoksal - 

The $data property is used to bind data to the elements of the card, and it should be placed in the body of the card, not in the rows of the Table.

Here's the corrected version of your card:

{
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.5",
    "body": [
        {
            "type": "Table",
            "columns": [
                {
                    "width": 1
                },
                {
                    "width": 1
                }
            ],
            "items": [
                {
                    "$data": "${data}",
                    "type": "TableRow",
                    "cells": [
                        {
                            "type": "TableCell",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": "${key}",
                                    "wrap": true
                                }
                            ]
                        },
                        {
                            "type": "TableCell",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": "${value}",
                                    "wrap": true
                                }
                            ]
                        }
                    ]
                }
            ]
        },
        {
            "type": "Container",
            "items": [
                {
                    "type": "TextBlock",
                    "$data": [
                        {
                            "name": "Matt"
                        },
                        {
                            "name": "David"
                        },
                        {
                            "name": "Thomas"
                        }
                    ],
                    "text": "${name}"
                }
            ]
        }
    ]
}

In this corrected version, the $data property is moved to the items array of the Table type. This allows the TableRow to loop over each item in the data array and create a new row for each item.

Thanks, 

Prasad Das

------------------------------------------------------------------------------------------ 

If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.