在 AppScript 中格式化的 HTML 电子邮件中的表格宽度

Question

我有一个Google AppScript，它生成一个用于格式化电子邮件的HTML代码。我会输出一个具有相同宽度的列的表格，在 PC 和手机上，表格以不同的方式显示。

其他代码 ..

body += "<table border=2><tbody><tr>";
//Inserisco l'header del messaggio
if (report_headline[0].length > 0) body += CreateHTMLTableRow(report_headline, is_header = true);
//costruisco la tabella con i dati del report dei messaggi
if (report_attachement[0].length > 0) body += CreateHTMLTableRow(report_attachement, is_header = false);
//costruisco la tabella con i dati del report dei pagamenti  
if (report_payments[0].length > 0) body += CreateHTMLTableRow(report_payments, is_header = false);
// Close the table tag
body += "</tbody></table>";

.. 其他代码

//Create an HTML table row from an array
function CreateHTMLTableRow(array,is_header){
var htmlBody = '';
var n_row = array.length;
var n_col = 0;
var tr_width = 0;
for (var r = 0; r < n_row; r++) {  
n_col = array[r].length;
tr_width = Math.round(100/n_col);
for (var c = 0; c < n_col; c++) {
//First row has header <th> tag
if(is_header){
if(array[r][c] != ""){
htmlBody += '<th bgcolor="lightgrey" width="'+tr_width+'"%>'+array[r][c]+"</th>"; 
}
else htmlBody += "<th>"+"</th>";        
}
//Other rows have the normal <td>
else {   
if(array[r][c] != ""){
htmlBody += '<td width="'+tr_width+'"%>'+array[r][c]+"</td>"; 
}
else htmlBody += "<td>"+"</td>";
}
}
htmlBody += "</tr>";
}  
return htmlBody;
}  

移动设备上的 gmail 客户端以正确的方式显示表格，而在我的笔记本电脑上，第二行都在同一行中。

Answer 1

您只定义一次新行的开头：

body += "<table border=2><tbody><tr>";

尝试在内部追加时

for (var r = 0; r < n_row; r++)

几行。

可以通过修改代码来解决此问题，如下所示：

body += "<table border=2><tbody>";

并在function CreateHTMLTableRow(array,is_header)内：

for (var r = 0; r < n_row; r++) {  
// insert a <tr> tag at the start of every new row
htmlBody +="<tr>";
n_col = array[r].length;
...
htmlBody += "</tr>";
}  
return htmlBody;