laporan jaminan

                <div class="card-body">
                    <div class="row">
                        <table class="table table-striped table-hover min-w-full leading-normal border" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger">
                            <thead>
                                <tr>
                                    <th colspan="6" >Nomor</th>
                                    <th rowspan="4" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Nama Mitra</th>
                                    <th rowspan="4" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Alamat</th>
                                    <th rowspan="4" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Kecamatan</th>
                                    <th rowspan="4" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Kab/Kota</th>
                                    <th rowspan="4" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Provinsi</th>
                                    <th rowspan="4" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Pinjaman/
                                        Pembiayaan
                                        Ke</th>
                                    <th colspan="12" >Plafon</th>

                                </tr>
                                <tr>
                                    <th colspan="2" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Urut</th>
                                    <th colspan="2" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Proposal</th>
                                    <th rowspan="2" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Mitra</th>
                                    <th rowspan="2" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Database
                                        (Kode Label)</th>
                                        <th rowspan="3" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Disetujui (Rp)</th>
                                        <th rowspan="3" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Total Pencairan</th>
                                        <th colspan="12" >Pencairan Ke</th>

                                </tr>

                                <tr>
                                    <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Mitra</th>
                                    <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Proposal</th>
                                    <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Baru </th>
                                    <th class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">Lama</th>
                                    <th rowspan="1" class="px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-700 uppercase">1</th>
                                </tr>





                            </thead>
                            <tbody *ngFor="let item of titles; let i = index;">
                             <tr>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs">{{item.mitra}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.proposal}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.baru}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.lama}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.idmitra}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.db}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.namaMitra}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.alamat}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.kecamatan}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.kab}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.provinsi}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.pinjaman}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.disetujui | currency:'INA':'Rp ':'1.0'}}</td>
                                    <td class="px-5 py-5 border-b border-gray-200 bg-white text-xs"> {{item.totalpencairan | currency:'INA':'Rp ':'1.0'}}</td>
                                </tr>


                            </tbody>

                        </table>
                    </div>
                </div>