在电子邮件中排列报告的列

Question

我是一名教师，我正在使用 Googlescript 通过电子邮件功能 MailApp.sendEmail 发送成绩报告。对于电子邮件的正文，我构建了一个长变量。电子邮件包含一份报告：每个年级一行。我需要将报告的列对齐。这是我现在所拥有的（来自从 Mailapp.sentMail 收到的电子邮件：

学生：肯特大卫学校

分配.................................................. ......................分配............到期............等级

商店周：视频工作表，工作...................................... .........01-18........01-28........100% 家庭作业测验：工作.................................................. .............01-28........01-28........100% 滚动测验：工作................................................ ..................01-28........01-28........100% 课堂作业：工作.................................................. ....................01-28........01-28........100% 家庭作业：视频工作表，工作到能量..................................................01- 28........01-29........100% 家庭作业测验：努力工作...................................................... ........01-29........01-29........100% 滚动测验：工作到能量............................................ ..........01-29........01-29........100% 课堂作业：工作到能量............................................................ ............01-29............01-29............100% 家庭作业：能源简介............................................................ ............01-29............01-30............100%

如您所见，列没有排列。当我意识到 HTML 不显示多个空格时，我做了一个微不足道的尝试，将 "." 替换为 "."。空间。我尝试使用“ ”并且能够添加多个空格，但我仍然对不同字符占用不同数量的水平空间这一事实感到困惑。这使得在我建立报告行时计数字符无效。

我需要一种方法来构建报告行，当在电子邮件中查看时，该报告行将列对齐。

Answer 1

我在https://www.tablesgenerator.com/html_tables找到了表格的代码生成器

我根据我的规范（列、行标题等）创建了一个表格。我输入了几行带有虚拟数据的行，以获取用于创建表、标题和行的 HTML/CSS。然后我使用该代码并在我的 Javascript 中使用它来构建我发送到实用程序 MailApps 以发送和电子邮件的文本字符串。它就像一个冠军，除了我需要做一些调整，比如改变行高。我正在努力添加 CSS 代码来更改行高。