如何在Logic App中自定义‘Create HTML table’活动实现隔行变色及尺寸调整？

完全可以实现这些自定义需求，因为Create HTML table活动生成的是基础无样式的HTML表格，只需通过添加CSS样式就能完成定制，具体操作步骤如下：

• 添加「Compose」动作，用于拼接包含样式的完整HTML内容
  将Create HTML table的输出嵌入到带CSS的HTML结构中，示例代码如下：

  <html>
  <head>
  <style>
  table {
    width: 80%; /* 自定义表格宽度，可设百分比或固定像素值如600px */
    border-collapse: collapse;
    font-family: Arial, sans-serif;
  }
  th {
    background-color: #f2f2f2;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  tr:nth-child(even) {
    background-color: #f9f9f9; /* 偶数行背景色，实现隔行变色 */
  }
  td {
    padding: 8px;
    border-bottom: 1px solid #ddd;
  }
  </style>
  </head>
  <body>
  @{body('Create_HTML_table')}
  </body>
  </html>
  

  核心说明：

  • width属性直接调整表格整体尺寸，按需修改数值即可
  • tr:nth-child(even)是实现隔行变色的关键规则，若要给奇数行变色，把even替换为odd即可
  • 可以自行修改颜色值、内边距（padding）、字体等样式参数，匹配你的视觉需求

• 配置邮件发送动作
  在发送邮件的步骤中，将邮件正文设置为「Compose」动作的输出，同时确保邮件格式选择「HTML」，这样样式才能生效

内容的提问来源于stack exchange，提问作者Sivaani N