HTML Webアプリケーションテーブルの条件付きフォーマット

Question

HTML Webアプリケーションテーブルのカラーベースの条件付きフォーマットの使用方法 HTML Webアプリケーションデータのシートテーブルは、SLAとそのステータスで構成されています。 SLAステータスに違反している場合、色は「赤」

で強調表示されなければならないループがこれを達成する場合は、単に追加することができますSample Sheet

function getData() { 
 
    return SpreadsheetApp 
 
     .openById('1k6HK879slQZDuKzdDzng8SnMOce-2u9_IA7E2Luhj5k') 
 
     .getSheetByName("Sheet2") 
 
     .getDataRange() 
 
     .getDisplayValues(); 
 
     
 
}

<? var data = getData(); ?> 
 
<table id="mytable" class="table display table-striped table-bordered responsive-utilities jambo_table"> 
 
    
 

 
<thead> 
 

 
     <tr> 
 
      <th> 
 
       Date 
 
      </th> 
 

 
      <th> 
 
       BU Unit 
 
      </th> 
 

 
      <th > 
 
       Project Name 
 
      </th> 
 

 
      <th > 
 
       Project Created 
 
      </th> 
 

 
      <th > 
 
       Chargeback 
 
      </th> 
 

 
      <th > 
 
       Timeline 
 
      </th> 
 

 
      <th>SLA Status</th> 
 
     </tr> 
 

 

 
     </thead> 
 
    <tbody> 
 

 
       <? for (var i = 0; i < data.length; i++) { ?> 
 
     <tr> 
 
      <? for (var j = 0; j < data[i].length; j++) { ?> 
 
      <td><?= data[i][j] ?></td> 
 
      <? } ?> 
 
     </tr> 
 
     <? } ?> 
 
     
 
    </tbody> 
 

 
     <tfoot> 
 
      <tr> 
 
       <td ></td> 
 
      </tr> 
 

 
     </tfoot> 
 
     
 
</table>

Answer 1

詳細なコードのための私のシートを参照してください。

<? for (var i = 0; i < data.length; i++) { ?> 
    <tr> 
     <? for (var j = 0; j < data[i].length; j++) { 
      if(j == 6 && data[i][j] == "Timeline Violated"){?> 
      <td style='color:red !important;'> 
       <?= data[i][j] ?> 
      </td> 
      <? }else{ ?> 
       <td> 
        <?= data[i][j] ?> 
       </td> 
       <? }} ?> 
    </tr> 
    <? } ?>