google-apps-script - 如何在谷歌电子表格的 Htmlservice 上创建突出显示选定的行?
问题描述
我想制作多个选定的行以将其实现到我刚刚使用 Google 电子表格上的 HtmlService 制作的表格中。这是代码:
function showListSheet() {
var s = SpreadsheetApp;
var ss = s.getActiveSpreadsheet();
var sss = ss.getSheets();
var result = "<head><style type='text/css'>.gridview {display: inline-block; border-collapse: collapse; margin: 0px 4px 4px 0; box-shadow: 3px 3px 4px #bbb;} .gridview, .gridview td, .gridview th {margin: 0; border: 1px solid #cccccc;} .gridview th {font-size: 1.1em; height: 25px; text-align: center; font-weight: normal; color: #F9F9F9; background: #337EB5;} .gridview th a, .gridview th a:link, .gridview th a:visited, .gridview th a:active {color: #F9F9F9; text-decoration: none;} .gridview th a:hover {text-decoration: underline;} .gridview tr {background: #F4F9FD;} .gridview tr:nth-child(odd) {background-color: #F4F9FD;} .gridview tr:nth-child(even) {background-color: #EDF5FC;} .gridview td {font-weight: normal; text-align: left; vertical-align: top;} .gridview td {padding: 4px 0 5px 9px;} .gridview tfoot td {background-color: #EEEEEE;} .gridview tfoot td .page {color: #000000; font-weight: bold;} .gridview tr.subfoot, .gridview tr.subfoot td {background-color: #FFFFEC;} .gridview tr:hover td, .gridview tbody tr:hover td {background-color: #feb4cc; cursor: pointer; color: white;} .gridview .selected, .gridview tbody .selected {background-color: #E74C3C; -webkit-animation: miniRainBow 20s infinite; animation: miniRainBow 20s infinite; color: #fff;}</style></head><table border=1 class='gridview'>";
for (var i = 0; i < sss.length; i++) {
result += "<tr OnClick=\"this.id.attr('class', 'selected')\" id=\"tgt\">"
result += "<td><input type='checkbox' onClick='return false;' readonly/></td><td>" + sss[i].getName() + "</td>";
result += "</tr>";
}
result += "</table>";
ss.show(HtmlService.createHtmlOutput(result)
.setSandboxMode(HtmlService.SandboxMode.IFRAME)
.setTitle("L i s t O f S h e e t . . .")
.setHeight(500)
.setWidth(300));
}
我应该把这两行放在下面:
....
<style type='text/css'>
....
.highlighted {background-color: orange !important; color: #fff;}
</style>
....
result += **"<tr OnClick=\"this.id.attr('class', 'highlighted')\" id=\"tgt\" class=\"\">"
....
}
解决方案
推荐阅读
- python - SSL_ERROR_SSL GCP Pub/Sub 发布时出错
- xcode - Xcode 错误“无法创建保存面板”。创建新的 Swift 文件时
- r - 如何使用 keras 在 r 中为简单的神经网络编写模型定义?
- c# - C# 调用具有不同类型的相同扩展函数作为参数(可能是委托?)
- java - 有没有一种方法可以用来管理 Java 中字符串的空间?
- sql - 在 Oracle 的过程中运行 SQL 查询时出错
- c# - 解码从医疗设备迈瑞串口接收到的字符
- java - 单元测试:如何验证被测试的 void 方法是否调用了具有正确参数的另一个方法?
- reactjs - 我怎样才能让这个函数接受一个数组元素的 id,然后调度一个动作?MERN 堆栈
- vps - Rclone:以VPS为中间人,从A云复制到B云。文件存储在 VPS 的什么位置?