Salesforce LWC Apex List Object

LWC JS側の利用:

// JS側のなまデータ形式    
reserList1 = [
        {'css':'csswhite','name':'機器名1'},
        {'css':'cssred','name':'担当1'},
        {'css':'cssblue','name':'担当2'},
    ];

    reserList2 = [
        {'css':'csswhite','name':'機器名2'},
        {'css':'cssred','name':'担当1'},
        ,
    ];

    reserList3 = [
        {'css':'csswhite','name':'機器名3'},
        ,
        {'css':'cssblue','name':'担当2'},
    ];

  reserListAll =[this.reserList1,this.reserList2,this.reserList3];

/////HTML側
<template for:each={reserListAll} for:item="f1">
      <div class="slds-box slds-box_-small" key={f1}>
          <div class="slds-grid">
              <template for:each={f1} for:item="f2">
              <template if:true={f2}>
                <div class="slds-col slds-size_1-of-12 slds-text-align_center" key={f2.name}>
                    <div class={f2.css}>
                      {f2.name}
                    </div>
                  </div>
                </template>
                <template if:false={f2}>
                  <div class="slds-col slds-size_1-of-12" key={f2}></div>
                </template>
            </template>
          </div>
        </div>
 </template>

// 上記のデータをApexから生成するように変更する場合:

// List<List>の形式
//APEX側
@AuraEnabled(cacheable=true) 
public static List<List<ReservationBean>> getReservations() {
        List<List<ReservationBean>> rblistlist = new List<List<ReservationBean>>();
        for(integer i = 0;i<10;i++) {
            List<ReservationBean> rbList = new List<ReservationBean>();
            ReservationBean rb = new ReservationBean();
            rb.css = 'csswhite';
            rb.name = '担当1';

            rbList.add(rb);
            ReservationBean rb1 = new ReservationBean();
            rb1.css = 'csswhite';
            rb1.name = '担当1';
            rbList.add(rb1);

            ReservationBean rb2  = new ReservationBean();
            rb2.css = 'cssblue';
            rb2.name = '担当2';
            rbList.add(rb2);

            rblistlist.add(rbList);
        }
        return rblistlist;
    }

    class ReservationBean{
        @AuraEnabled // 必須
        public String css{set;get;}

        @AuraEnabled
        public String name{set;get;}
    }

//JS側
    @track reserListAll = [];
    @wire(getReservations)
    getReservations({ error, data }) {
        if (data) {
            this.reserListAll = data;
            this.error = undefined;
        } else if (error) {
            this.error = error;
            this.contacts = undefined;
        }
    }