inserting HTML into pop-ups or notes in google sheets(将 HTML 插入到 google 表格中的弹出窗口或注释中)
问题描述
我喜欢使用弹出窗口来检索补充信息.
I love working with pop-ups to retrieve complementary information.
但正如您所见,我想将数据排列到某种表格中,以使其看起来更合适.
所以问题很简单:有没有办法在 Google Apps Script 中的 setNote()
中插入某种 html 或者可能会想出某种 DIY 弹出窗口?
But as you can see I would like to arrange the data into some sort of table to give it a more proper look.
So the question is really simple: is there any way to insert a sort of html into setNote()
in Google Apps Script or may be come up with some sort of DIY pop-up?
我说的当然是原始的 Web 应用程序.
I am talking about the original web application of course.
推荐答案
简单对话框
此函数会将 A 列和 B 列中的所有内容放入无模式对话框中的表格中.这一切都在一个谷歌脚本中.
This function will put everything in Column A and B into a table in a modeless dialog. It's all in a google script.
function simpleDialog() {
var ss=SpreadsheetApp.getActive();
var sh=ss.getActiveSheet();
var rg=sh.getRange(2,1,sh.getLastRow()-1,2);
var vA=rg.getValues();
var html='<html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"><script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script></head><body>';
html+='<style>th,td{border:1px solid black;}</style><table>';
html+=Utilities.formatString('<tr><th>%s</th><th>%s</th></tr>',"Asset","Rate");
vA.forEach(function(r,i){
html+=Utilities.formatString('<tr><td>%s</td><td>%s</td></tr>',r[0],r[1]);
});
html+='</table><br /><input type="button" value="Exit" onClick="google.script.host.close();" />';
html+='</body></html>';
var userInterface=HtmlService.createHtmlOutput(html);
SpreadsheetApp.getUi().showModelessDialog(userInterface, "Data Dialog");
}
这篇关于将 HTML 插入到 google 表格中的弹出窗口或注释中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:将 HTML 插入到 google 表格中的弹出窗口或注释中
基础教程推荐
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 直接将值设置为滑块 2022-01-01