GASによるHTMLメール送信する際の値のフォーマット指定方法

Question

GASを使ってスプレッドシートから表を読み込み、HTML化してHTMLメールを送るスクリプトを書いています。

表示したい形式は、取得した値が実際にはドル表記であったり％だったり日付だったりとフォーマットがバラバラです。
値の表示は下部に示すソースの　rangeValue[i][j]　の部分でが、文字列は良いのですが数字が全て小数点が１０個以上も出てしまいます。
表示するフォーマットを各値別に指定するにはどのように記載すればよいでしょうか？

      htmlTable = htmlTable + "<td style = 'overflow-wrap:break-word; width:"+rangeColWidth[j]+"px; text-align:"+rangeHAlign[i][j]+"; vertical-align:"+rangeVAlign[i][j]+"; font-size:"+rangeFontSize[i][j]+"; color:"+rangeFontColor[i][j]+"; font-style:"+rangeFontStyle[i][j]+"; background-color:"+rangeBackgroundColor[i][j]+";'>"+rangeValue[i][j]+"</td>";

元のシートだと以下のように見えており↓

以下のスクリプトでメールで送ると以下のようになってしまいます。↓
124944cb89eaeb6603b8da9e2fd6982c.png)
理想形は以下のようなイメージです↓

ソースは以下です。

function dailyReport() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3. 指定するセルの範囲（A1）を取得
  
  //B1
  startRow = 1
  startColumn = 2
  
  //G31
  endRow = 31
  endColumn = 6

  //値の取得
  var range = sheet.getRange(startRow,startColumn,endRow,endColumn);
  var values = range.getValues();
  var htmlTable = makeTable(sheet,range);
  sendMail(htmlTable);

  //取得した配列化ら値の取り出し
  // for(let i = 0; i<endRow; i++){
  //   for(let j = 0; j<endColumn;j++){
  //     Logger.log(values[i][j])
  //   }
  // }
}

function makeTable(sheet,range){
  var rangeHeight = range.getHeight();
  var rangeWidth = range.getWidth();
  var rangeValue = range.getValues();
  var rangeFontSize = range.getFontSizes();
  var rangeFontColor = range.getFontColors();
  var rangeFontStyle = range.getFontStyles();
  var rangeBackgroundColor = range.getBackgrounds();
  var rangeHAlign = range.getHorizontalAlignments();
  var rangeVAlign = range.getVerticalAlignments();

  var rangeFirstCol = range.getColumn();  //get first colmn of range in sheet
  var rangeColWidth = [];  //Array to hold the width of first row or range

  //HTML Table
  var htmlTable = "<table>";
  for(i = 0; i < rangeHeight; i++){
    htmlTable = htmlTable + "<tr>";
    for(j = 0; j < rangeWidth; j++){
      //get each column width to rangeColWidht[]
      if(i == 0){
        rangeColWidth.push(sheet.getColumnWidth(rangeFirstCol+j));
      }
      htmlTable = htmlTable + "<td style = 'overflow-wrap:break-word; width:"+rangeColWidth[j]+"px; text-align:"+rangeHAlign[i][j]+"; vertical-align:"+rangeVAlign[i][j]+"; font-size:"+rangeFontSize[i][j]+"; color:"+rangeFontColor[i][j]+"; font-style:"+rangeFontStyle[i][j]+"; background-color:"+rangeBackgroundColor[i][j]+";'>"+rangeValue[i][j]+"</td>";
    }
    htmlTable = htmlTable + "</tr>";
  }
  htmlTable = htmlTable + "</table>";

  return htmlTable;
}

function sendMail(htmlTable){
  // Get the email address of the active user - that's you.
  var email = Session.getActiveUser().getEmail();

  // Get the name of the document to use as an email subject line.
  var subject = 'test';

  var body ='write body here'; //ignored when htmlBody can be used in mailer

  // document to use as an email body
  var htmlBody = "" + htmlTable + "";

  // Send yourself an email with a link to the document.
  GmailApp.sendEmail(email, subject, body, {htmlBody: htmlBody}); 
}

Answer 1

makeTables関数内の

  var rangeValue = range.getValues();

を

  var rangeValue = range.getDisplayValues();

に変えた場合どうでしょうか？

Comments

[Roy_tofu3]

一部右寄り左よりなどがずれたりはしてしまっていますが、うまくいきました！！
ありがとうございます！