Adaptive Card Table Columns Cut Off and Not Scrollable in Microsoft Teams #9284
Unanswered
Yusuf (ayusuf9)
asked this question in
Q&A
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Hi, I am having issues with my Adaptive Cards table not displaying fully in Teams. Only the first two columns are visible, and the remaining columns do not appear or scroll horizontally to show them. The same table displays correctly in HTML, including an horizontal scrolling effect. How can I resolve this issue? I would appreciate any help to fix this in Adaptive card..
Here's how it currently displays in Microsoft Teams showing only the first 6 columns and cutting off others and without horizontal scrollable effect meanwhile table shows with HTML version and horizontal scrollable.
Below is the Adaptive Card code
{ "type": "AdaptiveCard", "version": "1.5", "body": [ { "type": "Table", "roundedCorners": true, "columns": [ { "width": "82px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "80px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "60px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "60px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "60px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "60px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "80px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "60px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "85px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "85px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "90px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "80px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" }, { "width": "78px", "horizontalCellContentAlignment": "Center", "verticalCellContentAlignment": "Center" } ], "rows": [ { "type": "TableRow", "cells": [ { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "CUSIP", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "Ticker", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "Sector", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "Sub Type", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "C.F. (mm)", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "O.F. (mm)", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "CG OAS", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "CG Sprd Dur", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "CG MV Deal Level", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "CG MV CUSIP Level", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "M/F/SP/DB/Mstar", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "List Due Time", "wrap": true, "weight": "Bolder", "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "EU Risk Retention", "wrap": true, "weight": "Bolder", "size": "Small" } ] } ] }, { "type": "TableRow", "cells": [ { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "30168AAF9", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "EART 2022-6A D", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "ABS", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "Auto", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "2.00M", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "2.00M", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "180", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "1.0", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "8,199,901", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "2,811,727", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "A3 / A / NR", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "11/6/2025 11:00", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "-", "wrap": true, "size": "Small" } ] } ] }, { "type": "TableRow", "cells": [ { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "42806MAG4", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "EART 2022-6A D", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "ABS", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "Auto", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "8.50M", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "8.50M", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "156", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "0.9", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "548,655,333", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "36,973,357", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "Baa2 / NR / NR", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "11/6/2025 10:00", "wrap": true, "size": "Small" } ] }, { "type": "TableCell", "layouts": [ { "type": "Layout.Stack", "targetWidth": "atMost:Narrow", "orientation": "vertical" }, { "type": "Layout.Flow", "targetWidth": "atLeast:Standard" } ], "items": [ { "type": "TextBlock", "text": "Ineligible", "wrap": true, "size": "Small" } ] } ] } ] } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json" }All reactions