web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Copilot Studio / Adapative Card Table Data
Copilot Studio
Unanswered

Adapative Card Table Data

(0) ShareShare
ReportReport
Posted on by

I'm trying to display a table in a Copilot but having trouble rendering data.

 

When I use the following in adaptive card designer (https://adaptivecards.io/designer/) it render fine:

 

 

{
 "type": "AdaptiveCard",
 "body": [
 {
 "type": "Table",
 "columns": [
 {
 "width": 1
 },
 {
 "width": 1
 }
 ],
 "rows": [
 {
 "type": "TableRow",
 "cells": [
 {
 "type": "TableCell",
 "items": [
 {
 "type": "TextBlock",
 "text": "Column A",
 "wrap": true
 }
 ]
 },
 {
 "type": "TableCell",
 "items": [
 {
 "type": "TextBlock",
 "text": "Column B",
 "wrap": true
 }
 ]
 }
 ]
 },
 {
 "type": "TableRow",
 "$data": [
 {
 "ColumnA": "1",
 "ColumnB": "A"
 },
 {
 "ColumnA": "2",
 "ColumnB": "B"
 }
 ],
 "cells": [
 {
 "type": "TableCell",
 "items": [
 {
 "type": "TextBlock",
 "text": "${ColumnA}",
 "wrap": true
 }
 ]
 },
 {
 "type": "TableCell",
 "items": [
 {
 "type": "TextBlock",
 "text": "${ColumnB}",
 "wrap": true
 }
 ]
 }
 ]
 }
 ]
 }
 ],
 "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
 "version": "1.5"
}

 

 

Preview Output:

MRobertson1_0-1708715478392.png

But when copying and pasting the adaptive card json to use within a resonse in Test Copilot it is rendered as follows:

MRobertson1_1-1708715604646.png

Anyone any ideas what causes that or possible solutions. I know I could probably switch to use ColumnSet / Columns but would like to get a true table example working.

 

Categories:
I have the same question (0)
  • adilei Profile Picture
    on at

    The ${...} notation is used by the adaptive card templating language to bind a template payload to a static data payload.

     

    Adaptive Cards Template Language - Adaptive Cards | Microsoft Learn

     

    Copilot Studio uses a different method to generate dynamic adaptive cards. In the adaptive card properties pane, you can toggle between JSON (which accepts a static payload) and Formula, which allows using PowerFX to generate the payload dynamically:

     

    adilei_0-1708761815606.png

     

    Here is an example for how a dynamic adaptive card can be generated from an array:

     

    Display Data from Arrays in Adaptive Cards - Microsoft Copilot Studio | Microsoft Learn

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Copilot Studio

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 255 Super User 2025 Season 2

#2
Romain The Low-Code Bearded Bear Profile Picture

Romain The Low-Code... 205 Super User 2025 Season 2

#3
S-Venkadesh Profile Picture

S-Venkadesh 101 Moderator

Last 30 days Overall leaderboard