カスタマイズビュー 集計表示

お世話になっております。

初歩的な質問になると思いますが、ご教授をいただければ幸いです。

現在業務管理のアプリを作成しており、その中で担当者コード、担当者名、作業時間をカスタマイズビューで表示したいと考えております。
ここまでであれば標準機能で対応可能だと思うのですが、今後下記のように変更していきたいと考えており、その前段階で躓いてしまいました。
クエリの記述をする前には全レコードを表示することが出来ていました。

今後の展望
①集計期間を選択できるようにしたい
②業務内容毎に集計できるようにしたい

現状コンソールにてエラー表示はありません。
クエリで指定したデータを表に加えていきたいと思うのですが、画面上特に動きがありません。
表示の件数から考えると全レコードが取得されているように感じます。

以下コードなどです。
・HTML

<table border = ‘1’ class = ‘type01’>
<thead id = ‘cstap_thead’>
<tr>
<th>担当者コード</th>
<th>担当者名</th>
<th>作業時間</th>
</tr></thead>
<tbody id=‘my-tbody’>
</tbody>
</table>

・script

(function(){
'use strict';

//レコード一覧画面
kintone.events.on('app.record.index.show',function(event){
 if(event.viewId !==5575294){
  return;
 }

 //step1.仮に9月を指定
 let dayStart = '2020-09-01';
 let dayEnd = '2020-09-30';

 let myRecordSpace = document.getElementById('my-tbody');
 myRecordSpace.innerText = '';//とりあえず空にしておく

 let query = 'day < "' + dayEnd + '" and '+ 'day > "' + dayStart + '"';
 let params = {'app':kintone.app.getId(),'query':query};

 kintone.api(kintone.api.url('/k/v1/records', true), 'GET', params).then(function(resp) {

  //行を加えていく
  for(let i = 0; i < resp.records[i].length; i++){

   let record = resp.records[i];
   let row = myRecordSpace.insertRow(myRecordSpace.rows.length);
   let cell1 = row.insertCell(0);
   let cell2 = row.insertCell(1);
   let cell3 = row.insertCell(2);

   cell1.innerText = record.code_charge1.value;

   cell2.innerText = record.name_charge1.value;

   cell3.innerText = record.作業時間.value;

  }

 return event;
 });

});

})();

for(let i = 0; i < resp.records[i].length; i++){

この部分

for(let i = 0; i < resp.records.length; i++){

ではないでしょうか?

三野様

おっしゃる通りでした。けっこうな時間をかけて考えたのですが、

こんな単純な所だと思いませんでした。

ありがとうございました。ぜひ今後ともよろしくお願いいたします。