我已经创建了一个html表从数据在谷歌工作表使用应用程序脚本.但我无法设置我创建的html表的背景颜色.我检索的工作表的第2列中的单元格的背景颜色，但困惑如何设置它在表中通过脚本.我怎么能做到这一点？
这是我的脚本文件：
function doGet(e) {
return HtmlService.createHtmlOutputFromFile("BeneficiaryData");
}
function getTableData() {
var ss = SpreadsheetApp.openByUrl(url);
var ws = ss.getSheetByName("sheet1");
var data = ws.getRange(2, 1, ws.getLastRow()-1, 2).getValues();
var i = 2;
for (counter=0; counter<data.length; counter++){
var bgColour = ws.getRange(i, 2, ws.getLastRow()-1, 2).getBackground();
data[counter].push(bgColour)
//Logger.log(bgColour);
i++;
}
return data;
}从这里我得到了一个数据集，如下所示。我正在检索背景颜色。
[[Name1, Status1, #20cf37], [Name2, Status2, #ffffff], [Name3, Status3, #ffffff]]这是我的html文件
<html>
<head>
<base target="_top">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row">
<div class="col s12">
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Status</th>
</tr>
</thead>
<tbody id="table-body">
</tbody>
</table>
</div>
</div> <!-- CLOSE ROW -->
</div>
<script>
document.addEventListener("DOMContentLoaded",function(){
google.script.run.withSuccessHandler(generateTable).getTableData();
});
function generateTable(dataArray){
var tbody = document.getElementById("table-body");
dataArray.forEach(function(r){
var row = document.createElement("tr");
var col1 = document.createElement("td");
col1.textContent = r[0]; //argument 1
var col2 = document.createElement("td");
col2.textContent = r[1]; //argument 2
col2.style.backgroundColor(r[2]);
row.appendChild(col1);
row.appendChild(col2);
tbody.appendChild(row);
});
}
</script>
</body>
</html>我最后尝试的是html文件中的col2.style.backgroundColor(r[2]);，但它不起作用。在检查如何设置背景颜色时，我发现setBackgroundColor（color）是我应该使用的方法。但setBackgroundColor不适用于col2。
1条答案
按热度按时间rwqw0loc1#
在您的脚本中，如果
dataArray的值是[["Name1", "Status1", "#20cf37"], ["Name2", "Status2", "#ffffff"], ["Name3", "Status3", "#ffffff"]，那么进行以下修改如何？发件人：
收件人：