- var page_Title = 'API';
- 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
                    | API 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 API DataTables
          // Container-fluid starts
          .container.datatable-api-wrapper
            .grid.grid-cols-12.card-gap
              // Add rows  Starts
              div(class="col-span-12")
                .card
                  .card-header.pb-0.card-no-border
                    h5.mb-3 Add Rows 
                    p.f-m-light.mt-1
                      | New rows can be added to a DataTable using the 
                      code.api(title='DataTables API method') row.add()
                      |  API method. Simply call the API function with the data for the new row (be it an array or object). Multiple rows 
                      |                                 can be added using the 
                      code.api(title='DataTables API method') rows.add() 
                      |  method (note
                      |                                 the plural). Data can likewise be updated with the 
                      code.api(title='DataTables API method') row().data() 
                      |  and 
                      code.api(title='DataTables API method') row().remove() 
                      |  methods.
                    p.f-m-light.mt-1
                      | Note that in order to see the new row in the table you must call the 
                      code.api(title='DataTables API method') draw() 
                      |  method, which is easily done through the chaining that the DataTables API employs.
                  .card-body
                    button#addRow.btn.text-white.btn-primary.mb-3 Add New Row
                    .overflow-x-auto.custom-scrollbar
                      table#API-1.display.add-row-table
                        thead
                          tr
                            th Column 1
                            th Column 2
                            th Column 3
                            th Column 4
                            th Column 5
                        tfoot
                          tr
                            th Column 1
                            th Column 2
                            th Column 3
                            th Column 4
                            th Column 5
              // Add rows Ends
              // Child rows (show extra / detailed information) Starts
              div(class="col-span-12")
                .card
                  .card-header.pb-0.card-no-border
                    h5.mb-3 Child Rows (show extra / detailed information) 
                    p.f-m-light.mt-1
                      | The DataTables API has a number of methods for attaching child rows to a parent row in the DataTable. This can be used to show additional information about a row, useful for cases where you wish to convey more information about a row than there is space for in the host table.
                  .card-body
                    .overflow-x-auto.custom-scrollbar.child-row-table
                      table#API-child-row.display.table-striped
                        thead
                          tr
                            th
                            th Name
                            th Position
                            th Office
                            th Salary
                        tfoot
                          tr
                            th
                            th Name
                            th Position
                            th Office
                            th Salary
              // Child rows (show extra / detailed information) Ends

              // Row Selection And Deletion (Single Row) Starts
              div(class="col-span-12")
                .card
                  .card-header.pb-0.card-no-border
                    h5.mb-3 Row Selection and Deletion (Single Row)
                    p.f-m-light.mt-1
                      | It can be useful to provide the user with the option to select rows in a DataTable. This can be done by using a click event to add / remove a class on the
                      | table rows. The 
                      code.api(title='DataTables API method') rows().data()
                      | method can then
                      |                                       be used to get the data for the selected rows. In this case it is simply counting the number of selected rows, but much more complex interactions can easily be
                      |                                       developed.
                  .card-body
                    .overflow-x-auto.custom-scrollbar.row-selection-table
                      button#single-row-delete-btn.text-white.btn.btn-secondary.mb-3 Delete Row
                      table#row-select-delete.display.selection-deletion
                        thead
                          tr
                            th Employee Name
                            th Job Designation
                            th Company Name
                            th Invoice No.
                            th Credit/Debit
                            th Date
                            th Priority
                            th Budget
                            th Action
                        tbody
                          tr
                            td Tiger Nixon
                            td System Architect
                            td Tata Co.
                            td #AS61
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2011/04/25
                            td
                              span.badge.badge-light-warning Medium
                            td $320.800,00
                            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 Edinburgh
                            td #FG63
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2011/07/25
                            td
                              span.badge.badge-light-danger Urgent
                            td $170.750,00
                            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 Mphasis Ltd
                            td #GH66
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2009/01/12
                            td
                              span.badge.badge-light-warning Medium
                            td $86.000,00
                            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 #UH22
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2012/03/29
                            td
                              span.badge.badge-light-success Low
                            td $433.060,00
                            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 Google Inc.
                            td #TY33
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2008/11/28
                            td
                              span.badge.badge-light-danger Urgent
                            td $162.700,00
                            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 Microsoft
                            td #TS61
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2012/12/02
                            td
                              span.badge.badge-light-success Low
                            td $372.000,00
                            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 Google Co.
                            td #GF59
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2012/08/06
                            td
                              span.badge.badge-light-warning Medium
                            td $137.500,00
                            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 #FT55
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2010/10/14
                            td
                              span.badge.badge-light-warning Medium
                            td $327.900,00
                            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 Google Co.
                            td #NB39
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 2.8%
                            td 2009/09/15
                            td
                              span.badge.badge-light-warning Medium
                            td $205.500,00
                            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 #BH23
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2008/12/13
                            td
                              span.badge.badge-light-danger Urgent
                            td $103.600,00
                            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 Tata Co.
                            td #HN30
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2008/12/19
                            td
                              span.badge.badge-light-primary High
                            td $90.560,00
                            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 #YH22
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2013/03/03
                            td
                              span.badge.badge-light-danger Urgent
                            td $342.000,00
                            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 Google Co.
                            td #FV36
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2008/10/16
                            td
                              span.badge.badge-light-success Low
                            td $470.600,00
                            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 Tata Co.
                            td #TF43
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2012/12/18
                            td
                              span.badge.badge-light-success Low
                            td $313.500,00
                            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 Infosys Ltd.
                            td #DF19
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2010/03/17
                            td
                              span.badge.badge-light-warning Medium
                            td $385.750,00
                            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 Infosys Ltd.
                            td #HD66
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2012/11/27
                            td
                              span.badge.badge-light-warning Medium
                            td $198.500,00
                            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 New York
                            td #NH64
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 9.8%
                            td 2010/06/09
                            td
                              span.badge.badge-light-danger Urgent
                            td $725.000,00
                            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 New York
                            td #MN59
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2009/04/10
                            td
                              span.badge.badge-light-danger Urgent
                            td $237.500,00
                            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 Tata Co.
                            td #JH41
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 9.8%
                            td 2012/10/13
                            td
                              span.badge.badge-light-primary High
                            td $132.000,00
                            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 Edinburgh
                            td #YT35
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2012/09/26
                            td
                              span.badge.badge-light-success Low
                            td $217.500,00
                            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 New York
                            td #GH45
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2011/09/03
                            td
                              span.badge.badge-light-success Low
                            td $345.000,00
                            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 New York
                            td #VB40
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 5.6%
                            td 2009/06/25
                            td
                              span.badge.badge-light-warning Medium
                            td $675.000,00
                            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 New York
                            td #CV21
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2011/12/12
                            td
                              span.badge.badge-light-success Low
                            td $106.450,00
                            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 Sidney
                            td #BH23
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 5.6%
                            td 2010/09/20
                            td
                              span.badge.badge-light-primary High
                            td $85.600,00
                            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 Chief Executive Officer (CEO)
                            td Tata Co.
                            td #VC47
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2009/10/09
                            td
                              span.badge.badge-light-success Low
                            td $1.200.000,00
                            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 Edinburgh
                            td #TH42
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 9.8%
                            td 2010/12/22
                            td
                              span.badge.badge-light-danger Urgent
                            td $92.575,00
                            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 Singapore
                            td #BN28
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2010/11/14
                            td
                              span.badge.badge-light-danger Urgent
                            td $357.650,00
                            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 Google Co.
                            td #CV28
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2011/06/07
                            td
                              span.badge.badge-light-warning Medium
                            td $206.850,00
                            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 Infosys Ltd.
                            td #GF48
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 9.8%
                            td 2010/03/11
                            td
                              span.badge.badge-light-primary High
                            td $850.000,00
                            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 Tokyo
                            td #BF20
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 5.6%
                            td 2011/08/14
                            td
                              span.badge.badge-light-success Low
                            td $163.000,00
                            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 Sidney
                            td #DF37
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2011/06/02
                            td
                              span.badge.badge-light-primary High
                            td $95.400,00
                            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 Infosys Ltd.
                            td #ER53
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2009/10/22
                            td
                              span.badge.badge-light-danger Urgent
                            td $114.500,00
                            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 Tata Co.
                            td #DF27
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 5.6%
                            td 2011/05/07
                            td
                              span.badge.badge-light-warning Medium
                            td $145.000,00
                            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 Google Co.
                            td #SW22
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 5.6%
                            td 2008/10/26
                            td
                              span.badge.badge-light-danger Urgent
                            td $235.500,00
                            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 Edinburgh
                            td #ED46
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2011/03/09
                            td
                              span.badge.badge-light-primary High
                            td $324.050,00
                            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 Infosys Ltd.
                            td #ED47
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 9.8%
                            td 2009/12/09
                            td
                              span.badge.badge-light-primary High
                            td $85.675,00
                            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 Google Co.
                            td #WS51
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 1.4%
                            td 2008/12/16
                            td
                              span.badge.badge-light-warning Medium
                            td $164.500,00
                            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 Infosys Ltd.
                            td #RG41
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 5.6%
                            td 2010/02/12
                            td
                              span.badge.badge-light-success Low
                            td $109.850,00
                            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 Infosys Ltd.
                            td #TY62
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2009/02/14
                            td
                              span.badge.badge-light-warning Medium
                            td $452.500,00
                            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 Tata Co.
                            td #GH37
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 9.8%
                            td 2008/12/11
                            td
                              span.badge.badge-light-success Low
                            td $136.200,00
                            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 New York
                            td #YU65
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.8%
                            td 2008/09/26
                            td
                              span.badge.badge-light-primary High
                            td $645.750,00
                            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 Singapore
                            td #GH64
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2011/02/03
                            td
                              span.badge.badge-light-warning Medium
                            td $234.500,00
                            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 Tata Co.
                            td #UY38
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 1.4%
                            td 2011/05/03
                            td
                              span.badge.badge-light-warning Medium
                            td $163.500,00
                            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 Tokyo
                            td #RT37
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2009/08/19
                            td
                              span.badge.badge-light-warning Medium
                            td $139.575,00
                            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 New York
                            td #WE61
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 1.4%
                            td 2013/08/11
                            td
                              span.badge.badge-light-success Low
                            td $98.540,00
                            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 Google Co.
                            td #YU47
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2009/07/07
                            td
                              span.badge.badge-light-success Low
                            td $87.500,00
                            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 Singapore
                            td #QW64
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 1.4%
                            td 2012/04/09
                            td
                              span.badge.badge-light-primary High
                            td $138.575,00
                            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 New York
                            td #WE63
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 1.4%
                            td 2010/01/04
                            td
                              span.badge.badge-light-primary High
                            td $125.250,00
                            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 Google Co.
                            td #ER56
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 1.4%
                            td 2012/06/01
                            td
                              span.badge.badge-light-warning Medium
                            td $115.000,00
                            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 Edinburgh
                            td #RT43
                            td 
                              i.icofont.icofont-arrow-up.me-1.text-success 2.8%
                            td 2013/02/01
                            td
                              span.badge.badge-light-warning Medium
                            td $75.650,00
                            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 New York
                            td #TY46
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2011/12/06
                            td
                              span.badge.badge-light-primary High
                            td $145.600,00
                            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 Tata Co.
                            td #QA47
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2011/03/21
                            td
                              span.badge.badge-light-warning Medium
                            td $356.250,00
                            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 Tata Co.
                            td #QS21
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2009/02/27
                            td
                              span.badge.badge-light-warning Medium
                            td $103.500,00
                            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 Infosys Ltd.
                            td #ED30
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2010/07/14
                            td
                              span.badge.badge-light-primary High
                            td $86.500,00
                            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 Edinburgh
                            td #SD51
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2008/11/13
                            td
                              span.badge.badge-light-success Low
                            td $183.000,00
                            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 Singapore
                            td #RF29
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2011/06/27
                            td
                              span.badge.badge-light-success Low
                            td $183.000,00
                            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 #GD27
                            td 
                              i.icofont.icofont-arrow-down.me-1.text-danger 2.5%
                            td 2011/01/25
                            td
                              span.badge.badge-light-primary High
                            td $112.000,00
                            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 Employee Name
                            th Job Designation
                            th Company Name
                            th Invoice No.
                            th Credit/Debit
                            th Date
                            th Priority
                            th Budget
                            th Action

              // Row Selection And Deletion (Single Row) Ends
              // Multiple table control elements  Starts
              div(class="col-span-12")
                .card
                  .card-header.pb-0.card-no-border
                    h5.mb-3 Custom filtering - range search
                    p.f-m-light.mt-1
                      | This example shows a search being performed on the age column in the data, based upon two inputs.
                  .card-body
                    .overflow-x-auto.dataTables_wrapper.me-0.custom-scrollbar
                      table
                        tbody.dataTables_filter
                          tr
                            td Minimum Age:
                            td
                              input#min.form-control(type='search', name='min')
                          tr  
                            td Maximum Age:
                            td
                              input#max.form-control(type='search', name='max')
                    .overflow-x-auto.user-datatable.custom-scrollbar
                      table#datatable-range.display.table-striped.custom-filtering-table
                        thead
                          tr
                            th Name
                            th Position
                            th Office
                            th Age
                            th Start date
                            th Salary
                        tbody
                          tr
                            td 
                              img.max-w-full.table-avtar(src="../assets/images/user/2.png" alt="")
                              | Tiger Nixon
                            td System Architect
                            td Edinburgh
                            td 61
                            td 25/04/2011
                            td $320,800
                          tr
                            td 
                              img.max-w-full.table-avtar(src="../assets/images/user/7.jpg" alt="")
                              | Garrett Winters
                            td Accountant
                            td Tokyo
                            td 63
                            td 25/07/2011
                            td $170,750
                          tr
                            td 
                              img.max-w-full.table-avtar(src="../assets/images/user/11.png" alt="")
                              | Ashton Cox
                            td Junior Technical Author
                            td San Francisco
                            td 66
                            td 12/01/2025
                            td $86,000
                          tr
                            td 
                              img.max-w-full.table-avtar(src="../assets/images/user/3.png" alt="")
                              | Cedric Kelly
                            td Senior Javascript Developer
                            td Edinburgh
                            td 22
                            td 29/03/2012
                            td $433,060
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Airi Satou
                            td Accountant
                            td Tokyo
                            td 33
                            td 28/11/2008
                            td $162,700
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/7.jpg" alt="")
                              | Brielle Williamson
                            td Integration Specialist
                            td New York
                            td 61
                            td 02/12/2012
                            td $372,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/3.jpg" alt="")
                              | Herrod Chandler
                            td Sales Assistant
                            td San Francisco
                            td 59
                            td 06/08/2012
                            td $137,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/6.jpg" alt="")
                              | Rhona Davidson
                            td Integration Specialist
                            td Tokyo
                            td 55
                            td 14/10/2010
                            td $327,900
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/7.jpg" alt="")
                              | Colleen Hurst
                            td Javascript Developer
                            td San Francisco
                            td 39
                            td 15/09/2009
                            td $205,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/12.jpg" alt="")
                              | Sonya Frost
                            td Software Engineer
                            td Edinburgh
                            td 23
                            td 20/12/2018
                            td $103,600
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/10.jpg" alt="")
                              | Jena Gaines
                            td Office Manager
                            td London
                            td 30
                            td 19/12/2008
                            td $90,560
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/6.jpg" alt="")
                              | Quinn Flynn
                            td Support Lead
                            td Edinburgh
                            td 22
                            td 03/03/2013
                            td $342,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/7.jpg" alt="")
                              | Charde Marshall
                            td Regional Director
                            td San Francisco
                            td 36
                            td 16/10/2018
                            td $470,600
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/4.jpg" alt="")
                              | Haley Kennedy
                            td Senior Marketing Designer
                            td London
                            td 43
                            td 18/12/2012
                            td $313,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/3.jpg" alt="")
                              | Tatyana Fitzpatrick
                            td Regional Director
                            td London
                            td 19
                            td 17/03/2010
                            td $385,750
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/2.jpg" alt="")
                              | Michael Silva
                            td Marketing Designer
                            td London
                            td 66
                            td 27/11/2012
                            td $198,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/12.jpg" alt="")
                              | Paul Byrd
                            td Chief Financial Officer (CFO)
                            td New York
                            td 64
                            td 09/06/2021
                            td $725,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/13.jpg" alt="")
                              | Gloria Little
                            td Systems Administrator
                            td New York
                            td 59
                            td 10/04/2009
                            td $237,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/5.jpg" alt="")
                              | Bradley Greer
                            td Software Engineer
                            td London
                            td 41
                            td 13/10/2012
                            td $132,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/10.jpg" alt="")
                              | Dai Rios
                            td Personnel Lead
                            td Edinburgh
                            td 35
                            td 06/09/2020
                            td $217,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/1.jpg" alt="")
                              | Jenette Caldwell
                            td Development Lead
                            td New York
                            td 30
                            td 03/09/2022
                            td $345,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/2.jpg" alt="")
                              | Yuri Berry
                            td Chief Marketing Officer (CMO)
                            td New York
                            td 40
                            td 25/06/2025
                            td $675,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/3.jpg" alt="")
                              | Caesar Vance
                            td Pre-Sales Support
                            td New York
                            td 21
                            td 12/12/2012
                            td $106,450
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/4.jpg" alt="")
                              | Doris Wilder
                            td Sales Assistant
                            td Sidney
                            td 23
                            td 20/09/2020
                            td $85,600
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/5.jpg" alt="")
                              | Angelica Ramos
                            td Chief Executive Officer (CEO)
                            td London
                            td 47
                            td 09/10/2009
                            td $1,200,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/6.jpg" alt="")
                              | Gavin Joyce
                            td Developer
                            td Edinburgh
                            td 42
                            td 22/12/2015
                            td $92,575
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/7.jpg" alt="")
                              | Jennifer Chang
                            td Regional Director
                            td Singapore
                            td 28
                            td 14/11/2011
                            td $357,650
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/8.jpg" alt="")
                              | Brenden Wagner
                            td Software Engineer
                            td San Francisco
                            td 28
                            td 07/06/2011
                            td $206,850
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/9.jpg" alt="")
                              | Fiona Green
                            td Chief Operating Officer (COO)
                            td San Francisco
                            td 48
                            td 11/03/2010
                            td $850,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/10.jpg" alt="")
                              | Shou Itou
                            td Regional Marketing
                            td Tokyo
                            td 20
                            td 14/08/2011
                            td $163,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/11.jpg" alt="")
                              | Michelle House
                            td Integration Specialist
                            td Sidney
                            td 37
                            td 02/06/2011
                            td $95,400
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/12.jpg" alt="")
                              | Suki Burks
                            td Developer
                            td London
                            td 53
                            td 22/10/2009
                            td $114,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/14.png" alt="")
                              | Prescott Bartlett
                            td Technical Author
                            td London
                            td 27
                            td 07/05/2011
                            td $145,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/3.jpg" alt="")
                              | Gavin Cortez
                            td Team Leader
                            td San Francisco
                            td 22
                            td 26/10/2008
                            td $235,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/7.jpg" alt="")
                              | Martena Mccray
                            td Post-Sales support
                            td Edinburgh
                            td 46
                            td 09/03/2011
                            td $324,050
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/10.jpg" alt="")
                              | Unity Butler
                            td Marketing Designer
                            td San Francisco
                            td 47
                            td 09/12/2019
                            td $85,675
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/12.png" alt="")
                              | Howard Hatfield
                            td Office Manager
                            td San Francisco
                            td 51
                            td 16/12/2008
                            td $164,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/1.jpg" alt="")
                              | Hope Fuentes
                            td Secretary
                            td San Francisco
                            td 41
                            td 12/02/2010
                            td $109,850
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/2.jpg" alt="")
                              | Vivian Harrell
                            td Financial Controller
                            td San Francisco
                            td 62
                            td 14/02/2009
                            td $452,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/user/6.jpg" alt="")
                              | Timothy Mooney
                            td Office Manager
                            td London
                            td 37
                            td 11/12/2008
                            td $136,200
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/2.jpg" alt="")
                              | Jackson Bradshaw
                            td Director
                            td New York
                            td 65
                            td 26/09/2008
                            td $645,750
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/3.jpg" alt="")
                              | Olivia Liang
                            td Support Engineer
                            td Singapore
                            td 64
                            td 03/02/2011
                            td $234,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/4.jpg" alt="")
                              | Bruno Nash
                            td Software Engineer
                            td London
                            td 38
                            td 03/05/2013
                            td $163,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/5.jpg" alt="")
                              | Sakura Yamamoto
                            td Support Engineer
                            td Tokyo
                            td 37
                            td 19/08/2009
                            td $139,575
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/6.jpg" alt="")
                              | Thor Walton
                            td Developer
                            td New York
                            td 61
                            td 11/08/2013
                            td $98,540
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard-11/user/7.jpg" alt="")
                              | Finn Camacho
                            td Support Engineer
                            td San Francisco
                            td 47
                            td 07/07/2008
                            td $87,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/2.jpg" alt="")
                              | Serge Baldwin
                            td Data Coordinator
                            td Singapore
                            td 64
                            td 09/04/2010
                            td $138,575
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/3.jpg" alt="")
                              | Zenaida Frank
                            td Software Engineer
                            td New York
                            td 63
                            td 04/01/2010
                            td $125,250
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/4.jpg" alt="")
                              | Zorita Serrano
                            td Software Engineer
                            td San Francisco
                            td 56
                            td 01/06/2012
                            td $115,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/5.jpg" alt="")
                              | Jennifer Acosta
                            td Junior Javascript Developer
                            td Edinburgh
                            td 43
                            td 01/02/2013
                            td $75,650
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/6.jpg" alt="")
                              | Cara Stevens
                            td Sales Assistant
                            td New York
                            td 46
                            td 06/12/2011
                            td $145,600
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/7.jpg" alt="")
                              | Hermione Butler
                            td Regional Director
                            td London
                            td 47
                            td 21/03/2011
                            td $356,250
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/10.jpg" alt="")
                              | Lael Greer
                            td Systems Administrator
                            td London
                            td 21
                            td 27/02/2009
                            td $103,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/11.jpg" alt="")
                              | Jonas Alexander
                            td Developer
                            td San Francisco
                            td 30
                            td 14/07/2010
                            td $86,500
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/12.jpg" alt="")
                              | Shad Decker
                            td Regional Director
                            td Edinburgh
                            td 51
                            td 13/11/2008
                            td $183,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/13.jpg" alt="")
                              | Michael Bruce
                            td Javascript Developer
                            td Singapore
                            td 29
                            td 27/06/2005
                            td $183,000
                          tr
                            td
                              img.max-w-full.table-avtar(src="../assets/images/dashboard/user/2.jpg" alt="")
                              | Donna Snider
                            td Customer Support
                            td New York
                            td 27
                            td 25/01/2011
                            td $112,000
                        tfoot
                          tr
                            th Name
                            th Position
                            th Office
                            th Age
                            th Start date
                            th Salary
              // Multiple table control elements Ends
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
