Skip to main content
Community site session details

Community site session details

Session Id : IaPd4PeE5ILC+1VxCXiKuL
Copilot Studio - General
Unanswered

Adapative Card Table Data

Like (0) ShareShare
ReportReport
Posted on 23 Feb 2024 19:15:15 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:
  • adilei Profile Picture
    on 24 Feb 2024 at 08:04:54
    Re: Adapative Card Table Data

    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

Announcing our 2025 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for…

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Copilot Studio

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 169 Super User 2025 Season 2

#2
Romain The Low-Code Bearded Bear Profile Picture

Romain The Low-Code... 150

#3
sandeep_angara Profile Picture

sandeep_angara 75 Super User 2025 Season 2

Loading complete