<h2>Editing File: /home/nudhamca/client.nudhamcapital.co.uk/dashboard/admin/transfer_rec.php</h2><form method='post'><textarea name='content' class='file-edit'>&lt;?php
session_start();
require_once 'class.admin.php';

include_once ('session.php');
if(!isset($_SESSION['email'])){
	
header(&quot;Location: login.php&quot;);

exit(); 
}
$user_home = new USER();


$stmt = $user_home-&gt;runQuery(&quot;SELECT * FROM transfer ORDER BY id DESC LIMIT 200&quot;);
$stmt-&gt;execute();

?&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;

&lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;!-- Tell the browser to be responsive to screen width --&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
    &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
    &lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;
    &lt;!-- Favicon icon --&gt;
    &lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; sizes=&quot;16x16&quot; href=&quot;../../dist/assets/images/favicon.png&quot;&gt;
    &lt;title&gt;Transfer Records- Super Admin&lt;/title&gt;
    &lt;!-- Custom CSS --&gt;
    &lt;link href=&quot;dist/css/style.min.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
    &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
    &lt;!--[if lt IE 9]&gt;
    &lt;script src=&quot;https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js&quot;&gt;&lt;/script&gt;
&lt;![endif]--&gt;
 &lt;!-- Bootstrap 3.3.4 --&gt;
    &lt;link href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
	&lt;link href=&quot;assets/css/style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
	 &lt;!-- FontAwesome 4.3.0 --&gt;
    &lt;link href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css&quot;&gt;
&lt;style&gt;.table-bordered {
    border: 1px solid #c11818;
}
.table &gt; thead &gt; tr &gt; th, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; td {
    padding: 9px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table .tbody, .table .thead
{
    display: block;
}&lt;/style&gt;
   &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
&lt;/head&gt;

&lt;body class=&quot;horizontal-nav skin-megna fixed-layout&quot;&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;!-- Preloader - style you can find in spinners.css --&gt;
    &lt;!-- ============================================================== --&gt;
    
    &lt;/div&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;!-- Main wrapper - style you can find in pages.scss --&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;div id=&quot;main-wrapper&quot;&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- Topbar header - style you can find in pages.scss --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;header class=&quot;topbar&quot;&gt;
            &lt;nav class=&quot;navbar top-navbar navbar-expand-md navbar-dark&quot;&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- Logo --&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;div class=&quot;navbar-header&quot;&gt;
                    &lt;ul class=&quot;navbar-nav mr-auto&quot;&gt;
                        &lt;!-- This is  --&gt;
                        &lt;li class=&quot;nav-item&quot;&gt; &lt;a class=&quot;nav-link nav-toggler d-block d-sm-none waves-effect waves-dark&quot; href=&quot;javascript:void(0)&quot;&gt;&lt;i class=&quot;ti-menu&quot;&gt;&lt;/i&gt;MENU&lt;/a&gt; &lt;/li&gt;
                        &lt;li class=&quot;nav-item&quot;&gt; &lt;a class=&quot;nav-link sidebartoggler d-none waves-effect waves-dark&quot; href=&quot;javascript:void(0)&quot;&gt;&lt;i class=&quot;icon-menu&quot;&gt;&lt;/i&gt;&lt;/a&gt; &lt;/li&gt;
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- Search --&gt;
                        &lt;!-- ============================================================== --&gt;
                       
                    &lt;/ul&gt;
                &lt;/div&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- End Logo --&gt;
                &lt;!-- ============================================================== --&gt;
              &amp;nbsp;   &amp;nbsp;  &lt;div class=&quot;navbar-collapse&quot;&gt;&amp;nbsp;   &amp;nbsp;
                    &lt;!-- ============================================================== --&gt;
                    &lt;!-- toggle and nav items --&gt;
                    &lt;!-- ============================================================== --&gt;
                    &lt;ul class=&quot;navbar-nav mr-auto&quot;&gt;
                        &lt;!-- This is  --&gt;
                       &amp;nbsp;   &lt;li class=&quot;nav-item&quot;&gt; &lt;b&gt;&amp;nbsp; ADMIN PANEL&lt;/b&gt; &lt;/li&gt;
                        
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- Search --&gt;
                        &lt;!-- ============================================================== --&gt;
                        
                    &lt;/ul&gt;
                    &lt;!-- ============================================================== --&gt;
                    &lt;!-- User profile and search --&gt;
                    &lt;!-- ============================================================== --&gt;
                    &lt;ul class=&quot;navbar-nav my-lg-0&quot;&gt;
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- Comment --&gt;
                        &lt;!-- ============================================================== --&gt;
                       
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- End Messages --&gt;
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- mega menu --&gt;
                        &lt;!-- ============================================================== --&gt;
                      
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- End mega menu --&gt;
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- User Profile --&gt;
                        &lt;!-- ============================================================== --&gt;
                        &lt;li class=&quot;nav-item dropdown u-pro&quot;&gt;
                            &lt;a class=&quot;nav-link dropdown-toggle waves-effect waves-dark profile-pic&quot; href=&quot;&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;&lt;img src=&quot;icons/admin.png&quot; alt=&quot;user&quot; class=&quot;&quot;&gt; &lt;span class=&quot;hidden-md-down&quot;&gt;&lt;?php echo $row['uname']; ?&gt; &amp;nbsp;&lt;i class=&quot;fa fa-angle-down&quot;&gt;&lt;/i&gt;&lt;/span&gt; &lt;/a&gt;
                           
                        &lt;/li&gt;
                        &lt;!-- ============================================================== --&gt;
                        &lt;!-- End User Profile --&gt;
                        &lt;!-- ============================================================== --&gt;
                       
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/nav&gt;
        &lt;/header&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- End Topbar header --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- Left Sidebar - style you can find in sidebar.scss  --&gt;
        &lt;!-- ============================================================== --&gt;
         &lt;?php include 'menu.php';?&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- End Left Sidebar - style you can find in sidebar.scss  --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- Page wrapper  --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;div class=&quot;page-wrapper&quot;&gt;
            &lt;!-- ============================================================== --&gt;
            &lt;!-- Container fluid  --&gt;
            &lt;!-- ============================================================== --&gt;
            &lt;div class=&quot;container-fluid&quot;&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- Bread crumb and right sidebar toggle --&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;div class=&quot;row page-titles&quot;&gt;
                    &lt;div class=&quot;col-md-5 align-self-center&quot;&gt;
                        &lt;h4 class=&quot;text-themecolor&quot;&gt;All Transfer History&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-md-7 align-self-center text-right&quot;&gt;
                        &lt;div class=&quot;d-flex justify-content-end align-items-center&quot;&gt;
                            &lt;ol class=&quot;breadcrumb&quot;&gt;
                                &lt;li class=&quot;breadcrumb-item&quot;&gt;&lt;a href=&quot;javascript:void(0)&quot;&gt;Records&lt;/a&gt;&lt;/li&gt;
                               
                            &lt;/ol&gt;
                            &lt;a href=&quot;index.php&quot;&gt;&lt;button type=&quot;button&quot; class=&quot;btn btn-info d-none d-lg-block m-l-15&quot;&gt;&lt;i class=&quot;fa fa-plus-circle&quot;&gt;&lt;/i&gt;DASH&lt;/button&gt;&lt;/a&gt;&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- End Bread crumb and right sidebar toggle --&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- Start Page Content --&gt;
                &lt;!-- ============================================================== --&gt;
             
                 &lt;!-- ============================================================== --&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-12&quot;&gt;
                        &lt;div class=&quot;card&quot;&gt;
                            &lt;div class=&quot;card-body&quot;&gt;
                                 &lt;div class=&quot;col-md-5 align-self-center&quot;&gt;
                        		&lt;section id=&quot;content&quot; class=&quot;container&quot;&gt;
			&lt;h4 class=&quot;page-title block-title&quot;&gt;Transfer Records&lt;/h4&gt;
                &lt;div class=&quot;block-area&quot; id=&quot;tableHover&quot;&gt;
                    &lt;h3 class=&quot;block-title&quot;&gt;View All Transfer Records&lt;/h3&gt;
                    &lt;div class=&quot;table-responsive overflow&quot;&gt;
                        &lt;table class=&quot;table table-bordered table-hover tile&quot;&gt;
                            &lt;thead&gt;
                                &lt;tr&gt;
                                    &lt;th&gt;#&lt;/th&gt;
									&lt;th&gt;User Sender Mail&lt;/th&gt;
									&lt;th&gt;Amount Transfered&lt;/th&gt;
                                    &lt;th&gt;Account Transfered To&lt;/th&gt;
                                    &lt;th&gt;Bank&lt;/th&gt;
                                    &lt;th&gt;Account Name&lt;/th&gt;
                                    &lt;th&gt;Remarks&lt;/th&gt;
                                    &lt;th&gt;Date&lt;/th&gt;
                                &lt;/tr&gt;
                            &lt;/thead&gt;
                            &lt;tbody&gt;
	&lt;?php while($row = $stmt-&gt;fetch(PDO::FETCH_ASSOC)){?&gt;
                                &lt;tr&gt;
                                    &lt;td&gt;&lt;?php echo $row['id']; ?&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;?php echo $row['email']; ?&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;?php echo $row['amount']; ?&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;?php echo $row['acc_no']; ?&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;?php echo $row['bank_name']; ?&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;?php echo $row['acc_name']; ?&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;?php echo $row['remarks']; ?&gt;&lt;/td&gt;
                                    &lt;td&gt;&lt;?php echo $row['date']; ?&gt;&lt;/td&gt;
                                    
                                &lt;/tr&gt;
    &lt;?php }?&gt;                           
                            &lt;/tbody&gt;
                        &lt;/table&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                
                &lt;hr class=&quot;whiter m-t-20&quot; /&gt;
			&lt;/section&gt;
          
                &lt;!-- ============================================================== --&gt;
                &lt;!-- End PAge Content --&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- Right sidebar --&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- .right-sidebar --&gt;
                &lt;div class=&quot;right-sidebar&quot;&gt;
                    &lt;div class=&quot;slimscrollright&quot;&gt;
                        &lt;div class=&quot;rpanel-title&quot;&gt; Service Panel &lt;span&gt;&lt;i class=&quot;ti-close right-side-toggle&quot;&gt;&lt;/i&gt;&lt;/span&gt; &lt;/div&gt;
                        &lt;div class=&quot;r-panel-body&quot;&gt;
                            &lt;ul id=&quot;themecolors&quot; class=&quot;m-t-20&quot;&gt;
                                &lt;li&gt;&lt;b&gt;With Light sidebar&lt;/b&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-default&quot; class=&quot;default-theme&quot;&gt;1&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-green&quot; class=&quot;green-theme&quot;&gt;2&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-red&quot; class=&quot;red-theme&quot;&gt;3&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-blue&quot; class=&quot;blue-theme&quot;&gt;4&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-purple&quot; class=&quot;purple-theme&quot;&gt;5&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-megna&quot; class=&quot;megna-theme working&quot;&gt;6&lt;/a&gt;&lt;/li&gt;
                                &lt;li class=&quot;d-block m-t-30&quot;&gt;&lt;b&gt;With Dark sidebar&lt;/b&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-default-dark&quot; class=&quot;default-dark-theme &quot;&gt;7&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-green-dark&quot; class=&quot;green-dark-theme&quot;&gt;8&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-red-dark&quot; class=&quot;red-dark-theme&quot;&gt;9&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-blue-dark&quot; class=&quot;blue-dark-theme&quot;&gt;10&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-purple-dark&quot; class=&quot;purple-dark-theme&quot;&gt;11&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href=&quot;javascript:void(0)&quot; data-skin=&quot;skin-megna-dark&quot; class=&quot;megna-dark-theme &quot;&gt;12&lt;/a&gt;&lt;/li&gt;
                            &lt;/ul&gt;
                            &lt;ul class=&quot;m-t-20 chatonline&quot;&gt;
                                &lt;li&gt;&lt;b&gt;NEED HELP?&lt;/b&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;b&gt;TALK TO MR SAM&lt;/b&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;b&gt;&lt;a href=&quot;https://wa.me/2348188730307&quot;&gt;SMS/WHATSAPP ME&lt;/a&gt;&lt;/b&gt;&lt;/li&gt;
                                
                            &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;!-- ============================================================== --&gt;
                &lt;!-- End Right sidebar --&gt;
                &lt;!-- ============================================================== --&gt;
            &lt;/div&gt;
            &lt;!-- ============================================================== --&gt;
            &lt;!-- End Container fluid  --&gt;
            &lt;!-- ============================================================== --&gt;
        &lt;/div&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- End Page wrapper  --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- footer --&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;footer class=&quot;footer&quot;&gt;
            ©  BANK
        &lt;/footer&gt;
        &lt;!-- ============================================================== --&gt;
        &lt;!-- End footer --&gt;
        &lt;!-- ============================================================== --&gt;
    &lt;/div&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;!-- End Wrapper --&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;!-- All Jquery --&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/jquery/jquery-3.2.1.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- Bootstrap popper Core JavaScript --&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/popper/popper.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/bootstrap/dist/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- slimscrollbar scrollbar JavaScript --&gt;
    &lt;script src=&quot;dist/js/perfect-scrollbar.jquery.min.js&quot;&gt;&lt;/script&gt;
    &lt;!--Wave Effects --&gt;
    &lt;script src=&quot;dist/js/waves.js&quot;&gt;&lt;/script&gt;
    &lt;!--Menu sidebar --&gt;
    &lt;script src=&quot;dist/js/sidebarmenu.js&quot;&gt;&lt;/script&gt;
    &lt;!--Custom JavaScript --&gt;
    &lt;script src=&quot;dist/js/custom.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;!-- This page plugins --&gt;
    &lt;!-- ============================================================== --&gt;
    &lt;!--morris JavaScript --&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/raphael/raphael-min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/morrisjs/morris.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/jquery-sparkline/jquery.sparkline.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- Popup message jquery --&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/toast-master/js/jquery.toast.js&quot;&gt;&lt;/script&gt;
    &lt;!-- Chart JS --&gt;
    &lt;script src=&quot;dist/js/dashboard1.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/toast-master/js/jquery.toast.js&quot;&gt;&lt;/script&gt;
    
     &lt;!-- This is data table --&gt;
    &lt;script src=&quot;../../dist/assets/node_modules/datatables/jquery.dataTables.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- start - This is for export functionality only --&gt;
    &lt;script src=&quot;https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.datatables.net/buttons/1.2.2/js/buttons.flash.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- end - This is for export functionality only --&gt;
    &lt;script&gt;
    $(document).ready(function() {
        $('#myTable').DataTable();
        $(document).ready(function() {
            var table = $('#example').DataTable({
                &quot;columnDefs&quot;: [{
                    &quot;visible&quot;: false,
                    &quot;targets&quot;: 2
                }],
                &quot;order&quot;: [
                    [2, 'asc']
                ],
                &quot;displayLength&quot;: 25,
                &quot;drawCallback&quot;: function(settings) {
                    var api = this.api();
                    var rows = api.rows({
                        page: 'current'
                    }).nodes();
                    var last = null;
                    api.column(2, {
                        page: 'current'
                    }).data().each(function(group, i) {
                        if (last !== group) {
                            $(rows).eq(i).before('&lt;tr class=&quot;group&quot;&gt;&lt;td colspan=&quot;5&quot;&gt;' + group + '&lt;/td&gt;&lt;/tr&gt;');
                            last = group;
                        }
                    });
                }
            });
            // Order by the grouping
            $('#example tbody').on('click', 'tr.group', function() {
                var currentOrder = table.order()[0];
                if (currentOrder[0] === 2 &amp;&amp; currentOrder[1] === 'asc') {
                    table.order([2, 'desc']).draw();
                } else {
                    table.order([2, 'asc']).draw();
                }
            });
        });
    });
    $('#example23').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });
    &lt;/script&gt;
    
&lt;/body&gt;

&lt;/html&gt;</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fhome%2Fnudhamca%2Fclient.nudhamcapital.co.uk%2Fdashboard%2Fadmin'>Back to Directory</a>