フィールドを順番に表示したい

[Legacy_Account1672 (Eguchi（Legacy Account）)]

 

for(let i = 0; i < 30; i++){
     var day = ((i+1) + "日");
      $("#kintai").append("<tr><td>"+escapeHtml(currentMonth +day)+"</td></tr>")
    var syukkinTime = event.records.map(rec => rec.出勤.value)
      $("#syukkinTime").append("<tr><td>"+syukkinTime+"</td></tr>")
    }

勤怠アプリを作っています。

for文で、日付、出勤時間を３０日分表示できるようにしました。

var syukkinTime = event.records.map(rec => rec.出勤.value)
      $("#syukkinTime").append("<tr><td>"+syukkinTime+"</td></tr>")

 

【実現したいこと】

こちらですが、出勤時間を取得して上から順番に表示したいです。

（日付をあわせるという問題はありますがとりあえず上から順番に表示したいです）

https://gyazo.com/f0800c017fb574cfec703d1b774ec2a3

【現在の表示】

以下のとおりです。

https://gyazo.com/59e46d068bf326b89c44c73dac415adb

 

アドバイスいただけると幸いですm(_ _)m

[Legacy_Account1517 (rex0220（Legacy Account）)]

>こちらですが、出勤時間を取得して上から順番に表示したいです。
（日付をあわせるという問題はありますがとりあえず上から順番に表示したいです）

まず、テーブルタグで文字列を順番に数行表示する html をテキストエディタで作成してブラウザで表示してみましょう。

それが出来たら、JavaScript で同様の html を出勤時刻を使って、文字列として組み立てればできると思います。