将 HTML 插入到 google 表格中的弹出窗口或注释中

2022-01-20 00:00:00 google-sheets google-apps-script popup javascript html

我喜欢使用弹出窗口来检索补充信息.

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");
}

相关文章