nhance/app/Views/kyc_list.php

<div class="row" id="kyc_list">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                    <div class="row" style="margin-bottom:1rem;">
                        <div class="col-6" style="align-self: center;">
                            <h4 style="position: relative;">KYC List</h4>
                        </div>
                        <div class="col-6" style="text-align: right; position: relative;top: 56px;">
                            <a href="<?= base_url("master/kyc/create"); ?>" type="button" id="btnAdd" class="btn btn-primary waves-effect waves-light" data-toggle="" data-placement="top" title="Add" data-trigger="hover">ADD</a>                
                        </div>
                    </div>
                <table class="table table-sm table-hover m-0 table-centered dt-responsive nowrap w-100" cellspacing="0"
                    id="tickets-table">
                    <thead class="bg-light">
                        <tr>
                            <th class="font-weight-medium">Name</th>
                            <th class="font-weight-medium">Action</th>
                        </tr>
                    </thead>

                    <tbody>
                    <?php if(is_array($kycList)) {foreach($kycList as $row){ ?>
                      <tr>
                        <td><?php echo $row['name']; ?> </td>
                        <td>
                          <div class="btn-group dropdown">
                            <a href="javascript: void(0);" class="dropdown-toggle arrow-none btn btn-light btn-sm" data-toggle="dropdown"aria-expanded="false"><i class="mdi mdi-dots-horizontal"></i></a>
                            <div class="dropdown-menu dropdown-menu-right">
                              <a class="dropdown-item" href="<?= base_url("master/kyc/list/"); ?><?= $row['id'];?>"><i class="mdi mdi-pencil mr-2 text-muted font-18 vertical-middle"></i>Edit</a>
                              <a class="dropdown-item"  data-id="<?= $row['id'];?>" onclick="removeKYC(this)"><i class="mdi mdi-delete mr-2 text-muted font-18 vertical-middle"></i>Delete</a>
                            </div>
                          </div>
                        </td>
                      </tr>
                    <?php }}?>

                    </tbody>
                </table>
            </div>
        </div>
    </div><!-- end col -->
</div>
<!-- end row -->

<script>

 $(document).ready(function(){

  $('#tickets-table').DataTable({
        dom:  "<'row'<'col-sm-0'f><'col-sm-9 text-right'B>>" + 
              "<'row'<'col-sm-12'tr>>" + 
              "<'row'<'col-sm-5'i><'col-sm-7'p>>" ,
        buttons: [
            {
                extend: 'csv',
                text: 'CSV', 
                title: 'KYCList', 
                exportOptions: {
                    columns: ':not(:last-child)'
                }
            }
        ],


        language: {
            search: "_INPUT_",
            searchPlaceholder: "Search..."
        },
        paging: true ,
    });

 }) 

const btnExport = document.querySelector("#btnExport");
const tableElement = document.querySelector("#tickets-table");

btnExport.addEventListener("click", () => {
  const obj = new csvExport(tableElement);
  const csvData = obj.exportCsv();
  const blob = new Blob([csvData], { type: "text/csv" });
  const url = URL.createObjectURL(blob);
  const a = document.createElement("a");
  a.href = url;
  a.download = "KYCList.csv";
  a.click();

  setTimeout(() => {
    URL.revokeObjectURL(url);
  }, 500);
});


class csvExport {
  constructor(table, header = true) {
    this.table = table;
    this.rows = Array.from(table.querySelectorAll("tr"));
    if (!header && this.rows[0].querySelectorAll("th").length) {
      this.rows.shift();
    }
  }

  exportCsv() {
    const lines = [];
    const ncols = this._longestRow();
    for (const row of this.rows) {
      let line = "";
      for (let i = 0; i < ncols - 1; i++) { // Exclude the last column
        if (row.children[i] !== undefined) {
          line += csvExport.safeData(row.children[i]);
        }
        line += i !== ncols - 2 ? "," : ""; // Adjusted for the last column exclusion
      }
      lines.push(line);
    }
    return lines.join("\n");
  }

  _longestRow() {
    return this.rows.reduce((length, row) => (row.childElementCount > length ? row.childElementCount : length), 0);
  }

  static safeData(td) {
    let data = td.textContent;
    //Replace all double quote to two double quotes
    data = data.replace(/"/g, `""`);
    //Replace , and \n to double quotes
    data = /[",\n"]/.test(data) ? `"${data}"` : data;
    return data;
  }
}



function removeKYC(element) {

    Swal.fire({
        title: "Are you sure?",
        text: "You need to remove this!",
        icon: "info",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        confirmButtonText: "Yes",
    }).then((result) => {
      if (result.isConfirmed) {
          var id = element.getAttribute('data-id');
          var form_action = '<?= base_url("master/kyc/remove/") ?>' + id; 
          $.ajax({
              url: form_action,
              type: "GET",
              dataType: 'json',
              processData: false,
              contentType: false,
              success: function(res) {
                // console.log(res.status == true);
                  if(res){
                    if (res.status == true) {
                      toastr.success('KYC entity removed successfully', 'success');

                      location.reload();

                    } else {
                      toastr.warning('Failed to remove KYC entity', 'warning');
                    }
                  }
              },
              error: function (xhr, status, error) {
                  console.error(xhr.responseText);
                  console.error(status, error);
                  setTimeout(function() {
                  $('.loader').fadeOut();
                  $('.loader-mask').delay(350).fadeOut('slow');
                  toastr.warning('Something Wrong!', 'warning');
              }, 1000);
              }
          });
      }
    });
}




</script>