ria/app/Views/Report_consolidate_year.php

<!-- Report_consolidate_month -->
<style>
  table {
    width: auto;
  }
</style>

<div class="content-page">
  <div class="content">
    <!-- Start Content-->
    <div class="container-fluid">
      <!-- start page title -->
      <div>
        <div class="row">
          <div class="col-12">
            <div class="page-title-box page-title-box-alt">
              <div class="page-title-right">
                <ol class="breadcrumb m-0">
                  <li class="breadcrumb-item"><a href="javascript: void(0);">Report</a></li>
                  <li class="breadcrumb-item"><a href="javascript: void(0);">Inward</a></li>
                  <li class="breadcrumb-item active">
                    <h4 class="page-title"><b> Consolidate Category-Wise <?php echo isset($financialyear) ? '(' . $financialyear . ')' : '' ?> </b></h4>
                  </li>
                </ol>
              </div>

            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <div class="card">
              <div class="card-body">
                <table id="cc" class="table table-bordered table-hover mb-0 nowrap w-100"
                  style="background-color:#fff; font-size:12px;">
                  <thead>
                    <tr>
                      <th style="text-align:center" rowspan="2">Category</th>
                      <th style="text-align:center" rowspan="2">Supplier Name</th>
                      <th style="text-align:center" rowspan="2">Material Name</th>
                      <th style="text-align:center" colspan="2"><?php echo date('M-Y'); ?></th>
                    </tr>
                    <tr>
                      <th style="text-align:center">Quantity</th>
                      <th style="text-align:center">Value &nbsp;(&#8377;)</th>


                    </tr>
                  </thead>
                  <tbody>
                    <?php

                    if (!empty($spurchse)) {
                      $tqt = 0;
                      $tvt = 0;
                      $ab = isset($financialyear) ? $financialyear : '';

                      // $month=date('F');
                      //echo $month;
                      foreach ($spurchse as $rel) {
                    ?>
                        <tr>
                          <td style="text-align:left;">
                            <?php echo $rel->category; ?>
                          </td>
                          <td><span>
                              <a href="<?= base_url() ?>report/ilink_purchase?sid=<?php echo $rel->sid; ?>&ab=<?php echo $ab; ?>&mid=<?php echo $rel->mid; ?>&cat=<?php echo $rel->category; ?>"><?php echo $rel->supplier_name; ?> </a>

                            </span></td>
                          <td><span><?php echo $rel->material_name; ?></span></td>
                          <td style="text-align:right"><span><?php
                                                              $tqt = $tqt + round($rel->quantity);
                                                              echo round($rel->quantity); ?></span></td>
                          <td style="text-align:right"><span><?php
                                                              $tvt = $tvt + number_format($rel->total, 2, '.', '');
                                                              echo number_format($rel->total, 2, '.', ''); ?></span></td>


                        </tr>
                      <?php
                      }

                      ?>
                  </tbody>
                  <tfoot width="100%">
                    <tr>
                      <td style="text-align:center;"><strong>Total</strong></td>

                      <td style="text-align:right"><strong>
                          <?php {
                            echo '';
                          }
                          ?>
                        </strong>
                      </td>
                      <td style="text-align:right"><strong>
                          <?php {
                            echo '';
                          }
                          ?>
                        </strong>
                      </td>
                      <td style="text-align:right">
                        <strong>
                          <?php {
                            echo $tqt;
                          }
                          ?>
                        </strong>
                      </td>
                      <td style="text-align:right">
                        <strong>
                          <?php {
                            echo number_format($tvt, 2, '.', '');
                          }
                          ?>
                        </strong>
                      </td>



                    </tr>

                  </tfoot>
                <?php
                    }

                ?>
                </table>
              </div> <!-- end card body-->
            </div> <!-- end card -->
          </div><!-- end col-->
        </div>
      </div>
    </div> <!-- container -->
  </div> <!-- content -->
</div>


<script src="https://cdn.datatables.net/buttons/1.4.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.4.2/js/buttons.colVis.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.16/sorting/datetime-moment.js"></script>
<script>
  // Bootstrap datepicker
  // Set up your table
  $(document).ready(function() {


    // Initialize the DataTable
    var table = $('#cc').DataTable({
      dom: 'Blfrtip', // Buttons, length menu, filter, table, information, pagination
      buttons: [
        'excel' // Export buttons
      ],
      pageLength: 10, // Default rows per page
      lengthMenu: [
        [10, 20, 30, 50, -1],
        [10, 20, 30, 50, "All"]
      ], // Rows per page options
      responsive: true, // Responsive table
      ordering: false,
      language: {
        paginate: {
          next: '<i class="fas fa-angle-right"></i>', // Next button icon
          previous: '<i class="fas fa-angle-left"></i>' // Previous button icon
        },
        emptyTable: '<div style="text-align:center;">Data Not Found!</div>'

      }
    });
  });
</script>

<script>
  // "footerCallback": function ( row, data, start, end, display ) {
  //     var api = this.api(), data;

  //     // Remove the formatting to get integer data for summation
  //     var intVal = function ( i ) {
  //          return typeof i === 'string' ?
  // 		 parseFloat(i.replace(/[^0.00-9.00]+/g,"")*1) :
  //              typeof i === 'number' ?
  // 			 parseFloat(i) : 0;
  //     };

  // 	TotalQTY = api
  //          .column( 3, { search:'applied' } )
  //          .data()
  //          .reduce( function (a, b) {
  //              return intVal(a) + intVal(b);
  //          }, 0 );

  //      $( api.column( 3 ).footer() ).html( TotalQTY.toFixed().bold() );

  // 	TotalVALUE = api
  //          .column( 4, { search:'applied' } )
  //          .data()
  //          .reduce( function (a, b) {
  //              return intVal(a) + intVal(b);
  //          }, 0 );

  //      $( api.column( 4 ).footer() ).html(  TotalVALUE.toFixed(2).bold() );
</script>