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

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 不显示多个空格时，我做了一个微不足道的尝试，将 "." 替换为 "."。空间。我尝试使用“ ” 并且能够添加多个空格，但我仍然对不同字符占用不同数量的水平空间的事实感到困惑。这使得在我建立报告行时计数字符无效。

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

标签： javascripthtml-email

Answer 1

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

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