JSFiddle - React, Tailwind, and code Playground

HTML

<div class="down">
    <h3 class="admission" style="padding-right: 105px;"><b>DAILY COLLECTION DETAILS</b></h3>
    <div ng-repeat="x in filteredHostelsObj  ">
      <h3 class="admissions" style="padding-right: 105px;"><b>{{x.name}}</b></h3>
      <hr>

      <div ng-repeat="y in filteredPaymentMethodsObj">
        <h4 class="admission" style="padding-right: 105px;"><b>{{y.paymentName}}</b></h4>

        <table class="table table-bordered">
          <thead style="background-color: #777 ;    color: white;">
          <tr>
            <th class="text-center">SERIAL NO</th>
            <th class="text-center">OCCUPANT NAME</th>
            <th class="text-center">MOBILE NO</th>
            <th class="text-center">PAYMENT METHOD</th>
            <th class="text-center">PAYMENT REMARKS</th>
            <th class="text-center">AMOUNT</th>
          </tr>
          </thead>
          <tbody>
          <tr ng-repeat="dailyreports in dailyDayReports | filter:y.paymentName | filter:x.name">
            <td class="text-center">{{$index+1}}</td>
            <td class="text-center">{{dailyreports.firstName}}{{dailyreports.lastName}}</td>
            <td class="text-center">{{dailyreports.phoneNumber}}</td>
            <td class="text-center">{{y.paymentName}}</td>
            <td class="text-center">{{dailyreports.remarks}}</td>
            <td class="text-center">{{dailyreports.paymentAmount}}</td>
          </tr>
          <tr>
            <td class="text-right " colspan="5"><strong>Total Paid:</strong></td>
            <td class="text-center"><i class="fa fa-inr"></i>{{dailyDayReport | filter:y.paymentName | filter:x.name|
                            sumOfValue:'paymentAmount'}}
            </td>
          </tr>

          </tbody>
        </table>
      </div>
    </div>
    <br>


    <div class="bottom">
      <p class="date">

        <!--<span class="sigdate"><b>Signature Of Supervisor</b>-->
        <strong class="sigown"><b>Signature </b></strong>
      </p>
   ...