- var page_Title = 'Basic Init';
- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var scrollbar             = true;
- var datatable             = true;
- var init_datatable        = true;
- var page_datatable2       = true;
doctype html
html(lang='en')
  include ../../components/header-files
  body
    include ../../components/loader
    include ../../components/taptop
    // page-wrapper Start
    #pageWrapper.page-wrapper.compact-wrapper
      include ../../components/header
      // Page Body Start
      .page-body-wrapper
        include ../../components/sidebar
        .page-body
          .container.w-full
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | Basic DataTables
                div(class="col-span-6 sm:col-span-12")
                  ol.breadcrumb.flex
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item Data Tables
                    li.breadcrumb-item.active Basic DataTables
          // Container-fluid starts
          .container.datatable-init
            .grid.grid-cols-12.card-gap
              // Zero Configuration  Starts
              .col-span-12
                .card
                  .card-header.pb-0.card-no-border
                    h5 Zero Configuration 
                    p.f-m-light.mt-1
                      | DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function:
                      code  $().DataTable(); 
                      | .
                    p.f-m-light.mt-1
                      | Searching, ordering and paging goodness will be immediately added to the table, as shown in this example.
                  .card-body
                    .overflow-x-auto.custom-scrollbar
                      table#basic-1.display.table-striped.custom-border
                        thead
                          tr
                            th Name
                            th Position
                            th Office
                            th Age 
                            th Start date
                            th Salary
                            th Action
                        tbody
                          tr
                            td Tiger Nixon
                            td System Architect
                            td Edinburgh
                            td 61
                            td 25/04/2011
                            td $320,800
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Garrett Winters
                            td Accountant
                            td Tokyo
                            td 63
                            td 25/07/2015 
                            td $170,750 
                            td
                              ul.action   
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Ashton Cox
                            td Junior Technical Author
                            td San Francisco
                            td 66
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 12/01/2009
                            td $86,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Cedric Kelly
                            td Senior Javascript Developer
                            td Edinburgh
                            td 22
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 29/03/2016
                            td $433,060
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Airi Satou
                            td Accountant
                            td Tokyo
                            td 33
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 28/11/2008
                            td $162,700
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Brielle Williamson
                            td Integration Specialist
                            td New York
                            td 61
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 02/12/2012
                            td $372,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Herrod Chandler
                            td Sales Assistant
                            td San Francisco
                            td 59
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 06/08/2012
                            td $137,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Rhona Davidson
                            td Integration Specialist
                            td Tokyo
                            td 55
                            td 14/10/2010
                            td $327,900
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Colleen Hurst
                            td Javascript Developer
                            td San Francisco
                            td 39
                            td 15/09/2009
                            td $205,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Sonya Frost
                            td Software Engineer
                            td Edinburgh
                            td 23
                            td 13/12/2008
                            td $103,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jena Gaines
                            td Office Manager
                            td London
                            td 30
                            td 19/12/2008
                            td $90,560
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Quinn Flynn
                            td Support Lead
                            td Edinburgh
                            td 22
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 03/03/2013
                            td $342,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Charde Marshall
                            td Regional Director
                            td San Francisco
                            td 36
                            td 16/10/2008
                            td $470,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          
                          tr
                            td Donna Snider
                            td Customer Support
                            td New York
                            td 27
                            td 25/01/2011
                            td $112,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Amir Reyes
                            td JS Developer
                            td US
                            td 22
                            td 21/07/2025
                            td $148,450
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Leon Mann
                            td Software Engineer
                            td UK
                            td 20
                            td 23/08/2025
                            td $250,400
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Eliezer Orr
                            td Manager
                            td New York
                            td 26
                            td 12/05/2023
                            td $587,480
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Ana Hanson
                            td SEO
                            td New York
                            td 28
                            td 05/09/2025
                            td $145,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Kaia Kline
                            td HR
                            td Singapore
                            td 24
                            td 18/09/2022
                            td $600,580
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Tori Hale
                            td Customer Support
                            td San Francisco
                            td 26
                            td 29/10/2025
                            td $120,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can

              // Zero Configuration  Ends
              // Complex headers (rowspan and colspan) Starts
              .col-span-12
                .card
                  .card-header.pb-0.card-no-border
                    h5 Complex Headers (rowspan and colspan)                                
                    p.f-m-light.mt-1
                      | When using tables to display data, you will often wish to display column information in groups. DataTables fully supports 
                      code colspan 
                      |  and 
                      code rowspan 
                      |  in the table's header, assigning the required order listeners to the 
                      code th tag
                      |  cells suitable for the columns the element covers.
                    p.f-m-light.mt-1
                      | DataTables will automatically apply ordering listeners and icons to all cells in the table header. If you wish to disable this, you can use the 
                      code  data-dt-order
                      |   property on the
                      code   th/td
                      |  cells in the table header. The value of this attribute (if present, it is entirely optional) controls the ordering listeners and icons:
                    p.f-m-light.mt-1
                      |  the HR info has 
                      code data-dt-order="disable" 
                      | applied to it. The other cells in the header are all clickable and have ordering status icons shown.
                  .card-body
                    .overflow-x-auto.custom-scrollbar.complex-header-table
                      table#basic-6.display.custom-border.table-striped
                        thead
                          tr
                            th(rowspan='2') Name
                            th(colspan='3') HR Information
                            th(colspan='4') Contact
                          tr
                            th Position
                            th Salary
                            th Office
                            th CV
                            th Status
                            th E-mail
                            th Action
                        tbody
                          tr
                            td Tiger Nixon
                            td System Architect
                            td $320,800
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf
                            td 
                              span.badge.rounded-full.badge-success hired
                            td t.nixon@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Garrett Winters
                            td Accountant
                            td $170,750
                            td Tokyo
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td g.winters@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Ashton Cox
                            td Junior Technical Author
                            td $86,000
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td a.cox@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Cedric Kelly
                            td Senior Javascript Developer
                            td $433,060
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td c.kelly@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Airi Satou
                            td Accountant
                            td $162,700
                            td Tokyo
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td a.satou@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Brielle Williamson
                            td Integration Specialist
                            td $372,000
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td b.williamson@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Herrod Chandler
                            td Sales Assistant
                            td $137,500
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td h.chandler@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Rhona Davidson
                            td Integration Specialist
                            td $327,900
                            td Tokyo
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td r.davidson@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Colleen Hurst
                            td Javascript Developer
                            td $205,500
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td c.hurst@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Sonya Frost
                            td Software Engineer
                            td $103,600
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td s.frost@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jena Gaines
                            td Office Manager
                            td $90,560
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td j.gaines@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Quinn Flynn
                            td Support Lead
                            td $342,000
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td q.flynn@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Charde Marshall
                            td Regional Director
                            td $470,600
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td c.marshall@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Haley Kennedy
                            td Senior Marketing Designer
                            td $313,500
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td h.kennedy@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Tatyana Fitzpatrick
                            td Regional Director
                            td $385,750
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td t.fitzpatrick@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Michael Silva
                            td Marketing Designer
                            td $198,500
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td m.silva@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Paul Byrd
                            td Chief Financial Officer (CFO)
                            td $725,000
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td p.byrd@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Gloria Little
                            td Systems Administrator
                            td $237,500
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td g.little@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Bradley Greer
                            td Software Engineer
                            td $132,000
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td b.greer@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Dai Rios
                            td Personnel Lead
                            td $217,500
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td d.rios@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jenette Caldwell
                            td Development Lead
                            td $345,000
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td j.caldwell@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Yuri Berry
                            td Chief Marketing Officer (CMO)
                            td $675,000
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td y.berry@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Caesar Vance
                            td Pre-Sales Support
                            td $106,450
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td c.vance@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Doris Wilder
                            td Sales Assistant
                            td $85,600
                            td Sidney
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td d.wilder@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Angelica Ramos
                            td CEO
                            td $1,200,000
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td a.ramos@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Gavin Joyce
                            td Developer
                            td $92,575
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td g.joyce@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jennifer Chang
                            td Regional Director
                            td $357,650
                            td Singapore
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td j.chang@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Brenden Wagner
                            td Software Engineer
                            td $206,850
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td b.wagner@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Fiona Green
                            td Chief Operating Officer (COO)
                            td $850,000
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td f.green@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Shou Itou
                            td Regional Marketing
                            td $163,000
                            td Tokyo
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td s.itou@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Michelle House
                            td Integration Specialist
                            td $95,400
                            td Sidney
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td m.house@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Suki Burks
                            td Developer
                            td $114,500
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td s.burks@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Prescott Bartlett
                            td Technical Author
                            td $145,000
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td p.bartlett@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Gavin Cortez
                            td Team Leader
                            td $235,500
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td g.cortez@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Martena Mccray
                            td Post-Sales support
                            td $324,050
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td m.mccray@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Unity Butler
                            td Marketing Designer
                            td $85,675
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td u.butler@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Howard Hatfield
                            td Office Manager
                            td $164,500
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td h.hatfield@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Hope Fuentes
                            td Secretary
                            td $109,850
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td h.fuentes@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Vivian Harrell
                            td Financial Controller
                            td $452,500
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td v.harrell@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Timothy Mooney
                            td Office Manager
                            td $136,200
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td t.mooney@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jackson Bradshaw
                            td Director
                            td $645,750
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td j.bradshaw@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Olivia Liang
                            td Support Engineer
                            td $234,500
                            td Singapore
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td o.liang@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Bruno Nash
                            td Software Engineer
                            td $163,500
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td b.nash@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Sakura Yamamoto
                            td Support Engineer
                            td $139,575
                            td Tokyo
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td s.yamamoto@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Thor Walton
                            td Developer
                            td $98,540
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td t.walton@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Finn Camacho
                            td Support Engineer
                            td $87,500
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td f.camacho@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Serge Baldwin
                            td Data Coordinator
                            td $138,575
                            td Singapore
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td s.baldwin@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Zenaida Frank
                            td Software Engineer
                            td $125,250
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td z.frank@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Zorita Serrano
                            td Software Engineer
                            td $115,000
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td z.serrano@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jennifer Acosta
                            td Junior Javascript Developer
                            td $75,650
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td j.acosta@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Cara Stevens
                            td Sales Assistant
                            td $145,600
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td c.stevens@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Hermione Butler
                            td Regional Director
                            td $356,250
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td h.butler@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Lael Greer
                            td Systems Administrator
                            td $103,500
                            td London
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-danger Pending
                            td l.greer@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jonas Alexander
                            td Developer
                            td $86,500
                            td San Francisco
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-warning  in process
                            td j.alexander@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Shad Decker
                            td Regional Director
                            td $183,000
                            td Edinburgh
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td s.decker@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Michael Bruce
                            td Javascript Developer
                            td $183,000
                            td Singapore
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td m.bruce@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Donna Snider
                            td Customer Support
                            td $112,000
                            td New York
                            td.action                                   
                              a.pdf(href="../assets/pdf/sample.pdf" target="_blank")
                                i.icofont.icofont-file-pdf 
                            td 
                              span.badge.rounded-full.badge-success hired
                            td d.snider@datatables.net
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                        tfoot
                          tr
                            th Name
                            th Position
                            th Salary
                            th Office
                            th CV 
                            th Status
                            th E-mail
                            th Action
              // Complex headers (rowspan and colspan) Ends
              // State saving Starts
              .col-span-12
                .card
                  .card-header.pb-0.card-no-border
                    h5 State Saving
                    p.f-m-light.mt-1
                      | DataTables saves the state of a table (its paging position, ordering state etc). When the 
                      code  stateSave
                      |  option is enabled, it can be restored when the user reloads a page, or comes back to the page after visiting a sub-page.
                    p.f-m-light.mt-1
                      | The built in state saving method uses the HTML5 
                      code localStorage
                      |  and 
                      code sessionStorage
                      |  APIs for efficient storage of the data. Please
                      |                                         note that this means that the built in state saving option 
                      strong will not work with IE6/7
                      |  as these browsers do not support these APIs. Alternative
                      |                                         options of using cookies or saving the state on the server through Ajax can be used through the 
                      code.option(title='DataTables initialisation option') stateSaveCallback
                      |  and 
                      a(href='//datatables.net/reference/option/stateLoadCallback')
                        code.option(title='DataTables initialisation option') stateLoadCallback
                      |  options.
                    p.f-m-light.mt-1
                      | The duration for which the saved state is valid and can be used to restore the table state can be set using the 
                      code.option(title='DataTables initialisation option') stateDuration
                      |  initialisation
                      |                                         parameter (2 hours by default). This parameter also controls if 
                      code localStorage
                      |  (0 or greater) or 
                      code sessionStorage
                      |  (-1) is used to store
                      |                                         the data.
                    p.f-m-light.mt-1
                      | The example below simply shows state saving enabled in DataTables with the 
                      code.option(title='DataTables initialisation option') stateSave
                      |  option.
                  .card-body
                    .overflow-x-auto.custom-scrollbar.state-saving-table
                      table#basic-9.display.custom-border.table-striped
                        thead
                          tr
                            th Name
                            th Position
                            th Office
                            th Age
                            th Start Date
                            th Salary
                            th Action
                        tbody
                          tr
                            td Tiger Nixon
                            td
                              span.badge.rounded-full.badge-light-primary System Architect
                            td Edinburgh
                            td 61
                            td 25/04/2011
                            td $320,800
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Garrett Winters
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-secondary Accountant
                            td Tokyo
                            td 63
                            td 25/07/2015
                            td $170,750
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Ashton Cox
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Junior Technical Author
                            td San Francisco
                            td 66
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 12/01/2009
                            td $86,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Cedric Kelly
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Senior Javascript Developer
                            td Edinburgh
                            td 22
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 29/03/2016
                            td $433,060
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Airi Satou
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-secondary Accountant
                            td Tokyo
                            td 33
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 28/11/2008
                            td $162,700
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Brielle Williamson
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-warning Integration Specialist
                            td New York
                            td 61
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 02/12/2012
                            td $372,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Herrod Chandler
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Sales Assistant
                            td San Francisco
                            td 59
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 06/08/2012
                            td $137,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Rhona Davidson
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-warning Integration Specialist
                            td Tokyo
                            td 55
                            td 14/10/2010
                            td $327,900
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Colleen Hurst
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-danger Javascript Developer
                            td San Francisco
                            td 39
                            td 15/09/2009
                            td $205,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Sonya Frost
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Software Engineer
                            td Edinburgh
                            td 23
                            td 13/12/2008
                            td $103,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jena Gaines
                            td
                              span.badge.rounded-full.badge-light-primary Office Manager
                            td London
                            td 30
                            td 19/12/2008
                            td $90,560
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Quinn Flynn
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Support Lead
                            td Edinburgh
                            td 22
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 03/03/2013
                            td $342,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Charde Marshall
                            td
                              span.badge.rounded-full.badge-light-warning Regional Director
                            td San Francisco
                            td 36
                            td 16/10/2008
                            td $470,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Haley Kennedy
                            td
                              span.badge.rounded-full.badge-light-primary Senior Marketing Designer
                            td London
                            td 43
                            td 18/12/2012
                            td $313,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Tatyana Fitzpatrick
                            td
                              span.badge.rounded-full.badge-light-warning Regional Director
                            td London
                            td 19
                            td 17/03/2010
                            td $385,750
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Michael Silva
                            td
                              span.badge.rounded-full.badge-light-primary Marketing Designer
                            td London
                            td 66
                            td 27/11/2012
                            td $198,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Paul Byrd
                            td
                              span.badge.rounded-full.badge-light-primary Chief Financial Officer (CFO)
                            td New York
                            td 64
                            td 09/06/2010
                            td $725,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Gloria Little
                            td
                              span.badge.rounded-full.badge-light-primary Systems Administrator
                            td New York
                            td 59
                            td 10/04/2009
                            td $237,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Bradley Greer
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Software Engineer
                            td London
                            td 41
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 13/10/2025
                            td $132,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Dai Rios
                            td
                              span.badge.rounded-full.badge-light-primary Personnel Lead
                            td Edinburgh
                            td 35
                            td 26/09/2022
                            td $217,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jenette Caldwell
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Development Lead
                            td New York
                            td 30
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 03/09/2009
                            td $345,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Yuri Berry
                            td
                              span.badge.rounded-full.badge-light-primary Chief Marketing Officer (CMO)
                            td New York
                            td 40
                            td 25/06/2009
                            td $675,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Caesar Vance
                            td
                              span.badge.rounded-full.badge-light-primary Pre-Sales Support
                            td New York
                            td 21
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 12/12/2016
                            td $106,450
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Doris Wilder
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Sales Assistant
                            td Sidney
                            td 23
                            td 20/09/2008
                            td $85,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Angelica Ramos
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Chief Executive Officer (CEO)
                            td London
                            td 47
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 09/10/2021
                            td $1,200,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Gavin Joyce
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Developer
                            td Edinburgh
                            td 42
                            td 22/12/2025
                            td $92,575
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jennifer Chang
                            td
                              span.badge.rounded-full.badge-light-warning Regional Director
                            td Singapore
                            td 28
                            td 14/11/2023
                            td $357,650
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Brenden Wagner
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Software Engineer
                            td San Francisco
                            td 28
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 07/06/2020
                            td $206,850
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Fiona Green
                            td
                              span.badge.rounded-full.badge-light-primary Chief Operating Officer (COO)
                            td San Francisco
                            td 48
                            td 11/03/2010
                            td $850,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Shou Itou
                            td
                              span.badge.rounded-full.badge-light-primary Regional Marketing
                            td Tokyo
                            td 20
                            td 14/08/2008
                            td $163,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Michelle House
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-warning Integration Specialist
                            td Sidney
                            td 37
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 02/06/2011
                            td $95,400
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Suki Burks
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Developer
                            td London
                            td 53
                            td 22/10/2009
                            td $114,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Prescott Bartlett
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Technical Author
                            td London
                            td 27
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 07/05/2005
                            td $145,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Gavin Cortez
                            td
                              span.badge.rounded-full.badge-light-primary Team Leader
                            td San Francisco
                            td 22
                            td 26/10/2023
                            td $235,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Martena Mccray
                            td
                              span.badge.rounded-full.badge-light-primary Post-Sales support
                            td Edinburgh
                            td 46
                            td 09/03/2011
                            td $324,050
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Unity Butler
                            td
                              span.badge.rounded-full.badge-light-primary Marketing Designer
                            td San Francisco
                            td 47
                            td 09/12/2009
                            td $85,675
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Howard Hatfield
                            td
                              span.badge.rounded-full.badge-light-primary Office Manager
                            td San Francisco
                            td 51
                            td 16/12/2016
                            td $164,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Hope Fuentes
                            td
                              span.badge.rounded-full.badge-light-primary Secretary
                            td San Francisco
                            td 41
                            td 2010/02/12
                            td $109,850
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Vivian Harrell
                            td
                              span.badge.rounded-full.badge-light-primary Financial Controller
                            td San Francisco
                            td 62
                            td 14/02/2015
                            td $452,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Timothy Mooney
                            td
                              span.badge.rounded-full.badge-light-primary Office Manager
                            td London
                            td 37
                            td 11/12/2016
                            td $136,200
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jackson Bradshaw
                            td
                              span.badge.rounded-full.badge-light-primary Director
                            td New York
                            td 65
                            td 26/09/2025
                            td $645,750
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Olivia Liang
                            td
                              span.badge.rounded-full.badge-light-primary Support Engineer
                            td Singapore
                            td 64
                            td 13/02/2017
                            td $234,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Bruno Nash
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Software Engineer
                            td London
                            td 38
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 03/05/2014
                            td $163,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Sakura Yamamoto
                            td
                              span.badge.rounded-full.badge-light-primary Support Engineer
                            td Tokyo
                            td 37
                            td 19/08/2014
                            td $139,575
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Thor Walton
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Developer
                            td New York
                            td 61
                            td 11/08/2013
                            td $98,540
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Finn Camacho
                            td
                              span.badge.rounded-full.badge-light-primary Support Engineer
                            td San Francisco
                            td 47
                            td 07/07/2009
                            td $87,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Serge Baldwin
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Data Coordinator
                            td Singapore
                            td 64
                            td 09/04/2015
                            td $138,575
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Zenaida Frank
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Software Engineer
                            td New York
                            td 63
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 04/01/2010
                            td $125,250
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Zorita Serrano
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Software Engineer
                            td San Francisco
                            td 56
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 01/06/2010
                            td $115,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jennifer Acosta
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Junior Javascript Developer
                            td Edinburgh
                            td 43
                            td 20/02/2012
                            td $75,650
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Cara Stevens
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Sales Assistant
                            td New York
                            td 46
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 06/12/2016
                            td $145,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Hermione Butler
                            td
                              span.badge.rounded-full.badge-light-warning Regional Director
                            td London
                            td 47
                            td 21/03/2018
                            td $356,250
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Lael Greer
                            td
                              span.badge.rounded-full.badge-light-primary Systems Administrator
                            td London
                            td 21
                            td 27/02/2019
                            td $103,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Jonas Alexander
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-success Developer
                            td San Francisco
                            td 30
                            td 14/07/2010
                            td $86,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Shad Decker
                            td
                              span.badge.rounded-full.badge-light-warning Regional Director
                            td Edinburgh
                            td 51
                            td 13/11/2008
                            td $183,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Michael Bruce
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-danger Javascript Developer
                            td Singapore
                            td 29
                            td 27/06/2011
                            td $183,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td Donna Snider
                            td(class="[@media(max-width:920px)]:min-w-[150px]")
                              span.badge.rounded-full.badge-light-primary Customer Support
                            td New York
                            td 27
                            td 25/01/2011
                            td $112,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                        tfoot
                          tr
                            th Name
                            th Position
                            th Office
                            th Age
                            th Start date
                            th Salary
                            th Action 
                              
              // State saving Ends
              // Scroll - vertical dynamic Starts
              .col-span-12
                .card 
                  .card-header.pb-0.card-no-border
                    h5 Scroll - vertical, dynamic height
                    p.f-m-light.mt-1
                      | This example shows a vertically scrolling DataTable that makes use of the CSS3 vh unit in order to dynamically resize the viewport based on the browser window height. The vh unit is effectively a percentage of the browser window height. So the 50vh used in this example is 50% of the window height. The viewport size will update dynamically as the window is resized.
                    p.f-m-light.mt-1
                      | A relatively modern browser is required for vh units to operate correctly. IE9+ supports the vh unit and all other evergreen browsers.
                  .card-body
                    .overflow-x-auto.user-datatable.custom-scrollbar
                      table#basic-12.display.table-striped
                        thead
                          tr
                            th Name
                            th Position
                            th Office
                            th Age
                            th Start Date
                            th Salary
                            th Action
                        tbody
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Tiger Nixon
                            td System Architect
                            td Edinburgh
                            td 61
                            td 25/04/2011
                            td $320,800
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Garrett Winters
                            td Accountant
                            td Tokyo
                            td 63
                            td 25/07/2015
                            td $170,750
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Ashton Cox
                            td Junior Technical Author
                            td San Francisco
                            td 66
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 12/01/2009
                            td $86,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Cedric Kelly
                            td JS Developer
                            td Edinburgh
                            td 22
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 29/03/2016
                            td $433,060
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Airi Satou
                            td Accountant
                            td Tokyo
                            td 33
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 28/11/2008
                            td $162,700
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Brielle Williamson
                            td Integration Specialist
                            td New York
                            td 61
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 02/12/2012
                            td $372,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Herrod Chandler
                            td Sales Assistant
                            td San Francisco
                            td 59
                            td(class="[@media(max-width:1199px)]:min-w-[120px]") 06/08/2012
                            td $137,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Rhona Davidson
                            td Integration Specialist
                            td Tokyo
                            td 55
                            td 14/10/2010
                            td $327,900
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Colleen Hurst
                            td Javascript Developer
                            td San Francisco
                            td 39
                            td 15/09/2009
                            td $205,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Sonya Frost
                            td Software Engineer
                            td Edinburgh
                            td 23
                            td 13/12/2008
                            td $103,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Jena Gaines
                            td Office Manager
                            td London
                            td 30
                            td 14/12/2023
                            td $90,560
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Quinn Flynn
                            td Support Lead
                            td Edinburgh
                            td 22
                            td 13/03/2022
                            td $342,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Charde Marshall
                            td Regional Director
                            td San Francisco
                            td 36
                            td 16/10/2008
                            td $470,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Haley Kennedy
                            td Senior Marketing Designer
                            td London
                            td 43
                            td 18/12/2012
                            td $313,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Tatyana Fitzpatrick
                            td Regional Director
                            td London
                            td 19
                            td 17/03/2010
                            td $385,750
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Michael Silva
                            td Marketing Designer
                            td London
                            td 66
                            td 27/11/2025
                            td $198,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Paul Byrd
                            td Chief Financial Officer (CFO)
                            td New York
                            td 64
                            td 08/06/2007
                            td $725,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Gloria Little
                            td Systems Administrator
                            td New York
                            td 59
                            td 19/04/2016
                            td $237,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Bradley Greer
                            td Software Engineer
                            td London
                            td 41
                            td 13/10/2019
                            td $132,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Dai Rios
                            td Personnel Lead
                            td Edinburgh
                            td 35
                            td 26/09/2020
                            td $217,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Jenette Caldwell
                            td Development Lead
                            td New York
                            td 30
                            td 21/09/2018
                            td $345,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Yuri Berry
                            td Chief Marketing Officer (CMO)
                            td New York
                            td 40
                            td 25/06/2009
                            td $675,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Caesar Vance
                            td Pre-Sales Support
                            td New York
                            td 21
                            td 12/12/2009
                            td $106,450
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Doris Wilder
                            td Sales Assistant
                            td Sidney
                            td 23
                            td 20/09/2015
                            td $85,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Angelica Ramos
                            td CEO
                            td London
                            td 47
                            td 09/10/2015
                            td $1,200,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Gavin Joyce
                            td Developer
                            td Edinburgh
                            td 42
                            td 22/12/2010
                            td $92,575
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Jennifer Chang
                            td Regional Director
                            td Singapore
                            td 28
                            td 14/11/2014
                            td $357,650
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Brenden Wagner
                            td Software Engineer
                            td San Francisco
                            td 28
                            td 07/06/2018
                            td $206,850
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Fiona Green
                            td Chief Operating Officer (COO)
                            td San Francisco
                            td 48
                            td 11/03/2016
                            td $850,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Shou Itou
                            td Regional Marketing
                            td Tokyo
                            td 20
                            td 14/08/2014
                            td $163,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Michelle House
                            td Integration Specialist
                            td Sidney
                            td 37
                            td 02/06/2014
                            td $95,400
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Suki Burks
                            td Developer
                            td London
                            td 53
                            td 22/10/2019
                            td $114,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Prescott Bartlett
                            td Technical Author
                            td London
                            td 27
                            td 07/05/2018
                            td $145,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Gavin Cortez
                            td Team Leader
                            td San Francisco
                            td 22
                            td 26/10/2021
                            td $235,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Martena Mccray
                            td Post-Sales support
                            td Edinburgh
                            td 46
                            td 06/03/2019
                            td $324,050
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Unity Butler
                            td Marketing Designer
                            td San Francisco
                            td 47
                            td 09/12/2009
                            td $85,675
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Howard Hatfield
                            td Office Manager
                            td San Francisco
                            td 51
                            td 16/12/2016
                            td $164,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Hope Fuentes
                            td Secretary
                            td San Francisco
                            td 41
                            td 12/02/2015
                            td $109,850
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Vivian Harrell
                            td Financial Controller
                            td San Francisco
                            td 62
                            td 14/02/2014
                            td $452,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Timothy Mooney
                            td Office Manager
                            td London
                            td 37
                            td 11/12/2010
                            td $136,200
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Jackson Bradshaw
                            td Director
                            td New York
                            td 65
                            td 26/09/2020
                            td $645,750
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Olivia Liang
                            td Support Engineer
                            td Singapore
                            td 64
                            td 03/02/2011
                            td $234,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Bruno Nash
                            td Software Engineer
                            td London
                            td 38
                            td 26/05/2019
                            td $163,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Sakura Yamamoto
                            td Support Engineer
                            td Tokyo
                            td 37
                            td 21/08/2019
                            td $139,575
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Thor Walton
                            td Developer
                            td New York
                            td 61
                            td 13/08/2015
                            td $98,540
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Finn Camacho
                            td Support Engineer
                            td San Francisco
                            td 47
                            td 07/07/2007
                            td $87,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Serge Baldwin
                            td Data Coordinator
                            td Singapore
                            td 64
                            td 09/04/2015
                            td $138,575
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Zenaida Frank
                            td Software Engineer
                            td New York
                            td 63
                            td 20/01/2018
                            td $125,250
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Zorita Serrano
                            td Software Engineer
                            td San Francisco
                            td 56
                            td 01/06/2006
                            td $115,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Jennifer Acosta
                            td Junior Javascript Developer
                            td Edinburgh
                            td 43
                            td 15/02/2015
                            td $75,650
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Cara Stevens
                            td Sales Assistant
                            td New York
                            td 46
                            td 08/12/2018
                            td $145,600
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Hermione Butler
                            td Regional Director
                            td London
                            td 47
                            td 24/03/2021
                            td $356,250
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Lael Greer
                            td Systems Administrator
                            td London
                            td 21
                            td 27/02/2019
                            td $103,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Jonas Alexander
                            td Developer
                            td San Francisco
                            td 30
                            td 14/07/2018
                            td $86,500
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Shad Decker
                            td Regional Director
                            td Edinburgh
                            td 51
                            td 15/11/2018
                            td $183,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Michael Bruce
                            td Javascript Developer
                            td Singapore
                            td 29
                            td 27/06/2015
                            td $183,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                          tr
                            td 
                              img.max-w-full.h-auto.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Donna Snider
                            td Customer Support
                            td New York
                            td 27
                            td 25/01/2020
                            td $112,000
                            td 
                              ul.action  
                                li.edit 
                                  a(href="#!")
                                    i.fa-regular.fa-pen-to-square
                                li.delete
                                  a(href="#!")
                                    i.fa-solid.fa-trash-can
                        tfoot
                          tr
                            th Name
                            th Position
                            th Office
                            th Age
                            th Start date
                            th Salary
                            th Action
              // Scroll - vertical dynamic Ends
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
