如何在模态中使用图纸数据？

如何解决如何在模态中使用图纸数据？

我想在模式框中填充数组数据，然后让用户从“类别”列下的预定义下拉列表中分配类别。我遇到的问题是了解如何将数据从.gs中的getRangeValues（）移到.html文件中。

添加 HTML代码主体是为了视觉目的。在我脑海中，javascript代码将为2D数组中的每个记录生成一个p标签（或另一个标签）。

function activateModal() {
  
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('test');
  let html = HtmlService.createHtmlOutputFromFile('forStack');
  html.setWidth(800).setHeight(500);
  let ui = SpreadsheetApp.getUi().showModalDialog(html,'Assign Categories')

}

function getRangeValues() {
  
  let sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('test');
  
  let range = sheet.getRange(1,1,sheet.getLastRow(),sheet.getLastColumn())
  let values = range.getValues();
  
// Logger.log(values);
}

function fromHTMLFileData() {
  "brings data from HTML file function."
}

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
  
    <table>
      <thead>
        <tr>
          <th>Item</th>
          <th>Price</th>
          <th>Quantity</th>
          <th>Category</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Apples</td>
          <td>0.50</td>
          <td>10</td>
          <td></td>
        </tr>
        <tr>
          <td>Pears</td>
          <td>1.00</td>
          <td>10</td>
          <td></td>
        </tr>
          <tr>
          <td>Carrots</td>
          <td>1.50</td>
          <td>70</td>
          <td></td>
        </tr>
        <tr>
          <td>Peanuts</td>
          <td>2.50</td>
          <td>1</td>
          <td></td>
        </tr>
     </tbody>
  </table>
    
    
    <script>
    
    "How do I call the data from "test" sheet function getRangeValues()?"
    
    script.google.run<function()> sends data to the .gs function.
    
    </script>
    
  </body>
</html>