自适应卡片：如何在不截断文本的情况下创建具有 6 列的 table？

Question

我创建了一张自适应卡片以显示为 table。但是，文本被截断为 Today I... 而不是 Today In Count 完整文本。

此自适应卡片适用于 Microsoft Teams。

自适应卡：

{
   "$schema":"http://adaptivecards.io/schemas/adaptive-card.json",
   "type":"AdaptiveCard",
   "version":"1.2",
   "body":[
      {
         "type":"ColumnSet",
         "columns":[
            {
               "type":"Column",
               "items":[
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"Zone",
                     "weight":"bolder"
                  },
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"EAST ZONE",
                     "separator":true
                  }
               ]
            },
            {
               "type":"Column",
               "items":[
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"Today In Counter",
                     "weight":"bolder"
                  },
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"168",
                     "separator":true
                  }
               ]
            },
            {
               "type":"Column",
               "items":[
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"Monthly Count (A)",
                     "weight":"bolder"
                  },
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"5884",
                     "separator":true
                  }
               ]
            },
            {
               "type":"Column",
               "items":[
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"Cancel (B)",
                     "weight":"bolder"
                  },
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"1",
                     "separator":true
                  }
               ]
            },
            {
               "type":"Column",
               "items":[
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"Return (C)",
                     "weight":"bolder"
                  },
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"19",
                     "separator":true
                  }
               ]
            },
            {
               "type":"Column",
               "items":[
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"NET Re Count (A-B-C)",
                     "weight":"bolder"
                  },
                  {
                     "type":"TextBlock",
                     "isSubtle":true,
                     "width":"stretch",
                     "text":"5864",
                     "separator":true
                  }
               ]
            }
         ]
      }
   ]
}

输出：

如何在所有列中获取完整的文本或如何增加列的宽度？

更新-1:

在设计器中将 width: 'stretch' 更改为 width: 'auto' 后，即使选择 host app as Microsoft Teams 也能正常工作。但不适用于实际的团队申请。

有什么建议吗？

预期输出：

Answer 1

自适应卡片的固定宽度有限，并不意味着显示超过 3 列的表格布局（同样受列名限制）。您可以使用任务实现此布局 Module.Please 请参阅 this 文档了解更多详细信息。

Answer 2

虽然您不能像 Manish 所说的那样加宽自适应卡片，但您可以将文本换行，以便每个单元格根据需要变高。为了将单元格格式化为整齐的行而不仅仅是列，您可以按照此答案中的说明为每一行使用单独的列集：

自适应卡片：如何在不截断文本的情况下创建具有 6 列的 table？

Adaptive Card: How to create table with 6 columns without truncating text?

python

botframework

microsoft-teams

adaptive-cards