- var datatable = true; - var datatable_extension = true; - var theme_customizer = true; - var tooltip = true; - var sidebar = true; - var slick = true; - var header_slider = true; - var animate = true; - var scrollbar = true; doctype html html(lang='en') include ../../components/header-files body include ../../components/taptop include ../../components/loader // page-wrapper Start #pageWrapper.page-wrapper.compact-wrapper include ../../components/header // Page Body Start .page-body-wrapper include ../../components/sidebar .page-body .container-fluid .page-title .row .col-6 h3 | Autofill Datatables .col-6 ol.breadcrumb li.breadcrumb-item a(href='index.html') svg.stroke-icon use(href='../assets/svg/icon-sprite.svg#stroke-home') li.breadcrumb-item Extension Data Tables li.breadcrumb-item.active Autofill Datatables // Container-fluid starts .container-fluid .row .col-sm-12 .card .card-header.pb-0.card-no-border h3 KeyTable integration span | If you are looking to emulate the UI of spreadsheet programs such as Excel with DataTables, the combination of KeyTable and AutoFill will take you a long way there! .card-body .dt-ext.table-responsive table#keytable.display 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 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Garrett Winters td Accountant td Edinburgh td #FG63 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Ashton Cox td Junior Technical Author td Mphasis Ltd td #GH66 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cedric Kelly td Senior Javascript Developer td Edinburgh td #UH22 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Airi Satou td Accountant td Google Inc. td #TY33 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Brielle Williamson td Integration Specialist td Microsoft td #TS61 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Herrod Chandler td Sales Assistant td Google Co. td #GF59 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Rhona Davidson td Integration Specialist td Tokyo td #FT55 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Colleen Hurst td Javascript Developer td Google Co. td #NB39 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Sonya Frost td Software Engineer td Edinburgh td #BH23 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jena Gaines td Office Manager td Tata Co. td #HN30 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Quinn Flynn td Support Lead td Edinburgh td #YH22 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Charde Marshall td Regional Director td Google Co. td #FV36 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Haley Kennedy td Senior Marketing Designer td Tata Co. td #TF43 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Tatyana Fitzpatrick td Regional Director td Infosys Ltd. td #DF19 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael Silva td Marketing Designer td Infosys Ltd. td #HD66 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Paul Byrd td Chief Financial Officer (CFO) td New York td #NH64 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gloria Little td Systems Administrator td New York td #MN59 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Bradley Greer td Software Engineer td Tata Co. td #JH41 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Dai Rios td Personnel Lead td Edinburgh td #YT35 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jenette Caldwell td Development Lead td New York td span.badge.badge-light-success Low td #FG30 td i.icofont.icofont-arrow-up.me-1 1.4% td 2011/09/03 td span.badge.badge-light-danger Urgent td $345.000,00 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Yuri Berry td Chief Marketing Officer (CMO) td New York td #VB40 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Caesar Vance td Pre-Sales Support td New York td #CV21 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Doris Wilder td Sales Assistant td Sidney td #BH23 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Angelica Ramos td Chief Executive Officer (CEO) td Tata Co. td #VC47 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin Joyce td Developer td Edinburgh td #TH42 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jennifer Chang td Regional Director td Singapore td #BN28 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Brenden Wagner td Software Engineer td Google Co. td #CV28 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Fiona Green td Chief Operating Officer (COO) td Infosys Ltd. td #GF48 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shou Itou td Regional Marketing td Tokyo td #BF20 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michelle House td Integration Specialist td Sidney td #DF37 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Suki Burks td Developer td Infosys Ltd. td #ER53 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Prescott Bartlett td Technical Author td Tata Co. td #DF27 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin Cortez td Team Leader td Google Co. td #SW22 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Martena Mccray td Post-Sales support td Edinburgh td #ED46 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Unity Butler td Marketing Designer td Infosys Ltd. td #ED47 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Howard Hatfield td Office Manager td Google Co. td #WS51 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hope Fuentes td Secretary td Infosys Ltd. td #RG41 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Vivian Harrell td Financial Controller td Infosys Ltd. td #TY62 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Timothy Mooney td Office Manager td Tata Co. td #GH37 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jackson Bradshaw td Director td New York td #YU65 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Olivia Liang td Support Engineer td Singapore td #GH64 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Bruno Nash td Software Engineer td Tata Co. td #UY38 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Sakura Yamamoto td Support Engineer td Tokyo td #RT37 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Thor Walton td Developer td New York td #WE61 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Finn Camacho td Support Engineer td Google Co. td #YU47 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Serge Baldwin td Data Coordinator td Singapore td #QW64 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zenaida Frank td Software Engineer td New York td #WE63 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zorita Serrano td Software Engineer td Google Co. td #ER56 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jennifer Acosta td Junior Javascript Developer td Edinburgh td #RT43 td i.icofont.icofont-arrow-up.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cara Stevens td Sales Assistant td New York td #TY46 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hermione Butler td Regional Director td Tata Co. td #QA47 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Lael Greer td Systems Administrator td Tata Co. td #QS21 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jonas Alexander td Developer td Infosys Ltd. td #ED30 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shad Decker td Regional Director td Edinburgh td #SD51 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael Bruce td Javascript Developer td Singapore td #RF29 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Donna Snider td Customer Support td New York td #GD27 td i.icofont.icofont-arrow-down.me-1 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.icon-pencil-alt li.delete a(href="#") i.icon-trash 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 .col-sm-12 .card .card-header.pb-0.card-no-border h3.mb-3 Multi-Level Collections span | Keyboard navigation is essential for fast navigation of a table operations and also for good accessibility. Buttons provides the ability to give each button a key binding - i.e. a key combination that when pressed will activate the button's action. | The key binding can be given as a single character if you wish to listen for an unmodified key press, or as an object if you wish it to only be activated when a modifier key such as shift, alt, etc, is pressed. .card-body .dt-ext.table-responsive table#multilevel-btn.display thead tr th Id th Theme Name th Task List th Status th Due date th Review th Action tbody tr td #1000 td Rica-Ecommerce Template td Update td span.badge.badge-success Resolved td 2022/04/25 td $320,800 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1001 td Viho-React td Report td span.badge.badge-danger Pending td 2022/07/25 td $170,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1002 td Tivo-admin td Update td span.badge.badge-danger Pending td 2022/01/12 td $86,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1003 td Koho-Laravel td Changes td span.badge.badge-primary Open td 2022/03/29 td $433,060 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1004 td Wingo-React Js td Changes td span.badge.badge-success Resolved td 2022/11/28 td $162,700 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1005 td Cuba-Angular td Update td span.badge.badge-success Resolved td 2022/12/02 td $372,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1006 td Zeta Template td Update td span.badge.badge-danger Pending td 2022/08/06 td $137,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1007 td Xolo-admin Html td Testing td span.badge.badge-danger Pending td 2021/10/14 td $327,900 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1015 td Unice td Testing td span.badge.badge-success Resolved td 2021/09/15 td $205,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1020 td Rica-Ecommerce Template td Update td span.badge.badge-success Resolved td 2020/12/13 td $103,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1030 td Multikart td Update td span.badge.badge-danger Pending td 2023/12/19 td $90,560 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1040 td Voxo td Changes td span.badge.badge-success Resolved td 2023/03/03 td $342,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1050 td Bigdeal td Changes td span.badge.badge-primary Open td 2022/10/16 td $470,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1060 td Sheltos td Update td span.badge.badge-success Resolved td 2022/12/18 td $313,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1070 td Oslo td Update td span.badge.badge-danger Pending td 2022/03/17 td $385,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1080 td Poco-React td Report td span.badge.badge-danger Pending td 2022/11/27 td $198,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1090 td Tovo-Wordpress td Changes td span.badge.badge-success Resolved td 2021/06/09 td $725,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1100 td Unice td Update td span.badge.badge-danger Pending td 2022/04/10 td $237,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1012 td Tivo-admin td Report td span.badge.badge-primary Open td 2023/10/13 td $132,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1013 td Viho-React td Update td span.badge.badge-success Resolved td 2021/09/26 td $217,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1022 td Amazon td Changes td span.badge.badge-danger Pending td 2020/09/03 td $345,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1033 td Flipkart td Update td span.badge.badge-danger Pending td 2022/06/25 td $675,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1044 td Nyka td Changes td span.badge.badge-primary Open td 2022/12/12 td $106,450 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1055 td Sugar td Testing td span.badge.badge-success Resolved td 2022/09/20 td $85,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1066 td Multikart td Update td span.badge.badge-primary Open td 2022/10/09 td $1,200,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1077 td Rica-Ecommerce Template td Testing td span.badge.badge-danger Pending td 2020/12/22 td $92,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1088 td Tivo-admin td Update td span.badge.badge-success Resolved td 2020/11/14 td $357,650 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1099 td Unice td Update td span.badge.badge-primary Open td 2020/06/07 td $206,850 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1087 td Zeta Template td Changes td span.badge.badge-danger Pending td 2022/03/11 td $850,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1014 td Voxo td Update td span.badge.badge-success Resolved td 2022/08/14 td $163,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1025 td Tovo-Wordpress td Testing td span.badge.badge-primary Open td 2022/06/02 td $95,400 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1035 td Cuba-Angular td Testing td span.badge.badge-danger Pending td 2023/10/22 td $114,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1040 td Viho-React td Update td span.badge.badge-success Resolved td 2022/05/07 td $145,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1045 td Xolo-admin Html td Changes td span.badge.badge-danger Pending td 2021/10/26 td $235,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1055 td Admiro td Testing td span.badge.badge-success Resolved td 2021/03/09 td $324,050 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1056 td Endless td Changes td span.badge.badge-success Resolved td 2023/12/09 td $85,675 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1085 td Vito td Testing td span.badge.badge-primary Open td 2023/12/16 td $164,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1095 td Backy td Changes td span.badge.badge-danger Pending td 2023/02/12 td $109,850 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1015 td Xolo-admin Html td Update td span.badge.badge-danger Pending td 2023/02/14 td $452,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1025 td Tivo-admin td Update td span.badge.badge-success Resolved td 2023/12/11 td $136,200 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1035 td Koho-Laravel td Testing td span.badge.badge-danger Pending td 2022/09/26 td $645,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1045 td Cuba-Angular td Update td span.badge.badge-success Resolved td 2022/02/03 td $234,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1032 td Voxo td Testing td span.badge.badge-primary Open td 2022/05/03 td $163,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1042 td Fastkart td Update td span.badge.badge-danger Pending td 2022/08/19 td $139,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1052 td Doxo td Update td span.badge.badge-success Resolved td 2022/08/11 td $98,540 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1062 td Backy td Changes td span.badge.badge-danger Pending td 2023/07/07 td $87,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1072 td Boxo td Changes td span.badge.badge-success Resolved td 2022/04/09 td $138,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1082 td Sheltos td Update td span.badge.badge-success Resolved td 2022/01/04 td $125,250 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1092 td Grocerry td Testing td span.badge.badge-primary Open td 2022/06/01 td $115,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1087 td Voxo td Update td span.badge.badge-success Resolved td 2023/02/01 td $75,650 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1078 td Cuba-Angular td Changes td span.badge.badge-success Resolved td 2021/12/06 td $145,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1024 td Xolo-admin Htmlr td Update td span.badge.badge-primary Open td 2021/03/21 td $356,250 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1075 td Backy td Changes td span.badge.badge-danger Pending td 2023/02/27 td $103,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1078 td Admiro td Changes td span.badge.badge-success Resolved td 2021/07/14 td $86,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1087 td Noxel td Report td span.badge.badge-success Resolved td 2023/11/13 td $183,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1098 td Jio td Changes td span.badge.badge-primary Open td 2021/06/27 td $183,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td #1048 td Fastkart td Update td span.badge.badge-primary Open td 2021/01/25 td $112,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tfoot tr th Id th Theme Name th Task List th Status th Due date th Review th Action .col-sm-12 .card .card-header.pb-0.card-no-border h3.mb-3 Header and Footer fixed span | When displaying tables with a particularly large amount of data shown on each page, it can be useful to have the table's header and footer fixed to the top or bottom of the scrolling window FixedHeader provides the ability to fix in place both. These are controlled by the options fixedHeader.header and fixedHeader.footer. Either can be optionally enabled, or as is the case in this example, both enabled. .card-body .dt-ext.table-responsive table#fixed-header-footer.display 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 2011/04/25 td $320,800 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Garrett Winters td Accountant td Tokyo td 63 td 2011/07/25 td $170,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Ashton Cox td Junior Technical Author td San Francisco td 66 td 2009/01/12 td $86,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cedric Kelly td Senior Javascript Developer td Edinburgh td 22 td 2012/03/29 td $433,060 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Airi Satou td Accountant td Tokyo td 33 td 2008/11/28 td $162,700 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Brielle Williamson td Integration Specialist td New York td 61 td 2012/12/02 td $372,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Herrod Chandler td Sales Assistant td San Francisco td 59 td 2012/08/06 td $137,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Rhona Davidson td Integration Specialist td Tokyo td 55 td 2010/10/14 td $327,900 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Dai Rios td Personnel Lead td Edinburgh td 35 td 2012/09/26 td $217,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shou Itou td Regional Marketing td Tokyo td 20 td 2011/08/14 td $163,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michelle House td Integration Specialist td Sidney td 37 td 2011/06/02 td $95,400 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Suki Burks td Developer td London td 53 td 2009/10/22 td $114,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Prescott Bartlett td Technical Author td London td 27 td 2011/05/07 td $145,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin Cortez td Team Leader td San Francisco td 22 td 2008/10/26 td $235,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Martena Mccray td Post-Sales support td Edinburgh td 46 td 2011/03/09 td $324,050 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Unity Butler td Marketing Designer td San Francisco td 47 td 2009/12/09 td $85,675 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Howard Hatfield td Office Manager td San Francisco td 51 td 2008/12/16 td $164,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hope Fuentes td Secretary td San Francisco td 41 td 2010/02/12 td $109,850 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Vivian Harrell td Financial Controller td San Francisco td 62 td 2009/02/14 td $452,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Timothy Mooney td Office Manager td London td 37 td 2008/12/11 td $136,200 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jackson Bradshaw td Director td New York td 65 td 2008/09/26 td $645,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Olivia Liang td Support Engineer td Singapore td 64 td 2011/02/03 td $234,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Bruno Nash td Software Engineer td London td 38 td 2011/05/03 td $163,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Sakura Yamamoto td Support Engineer td Tokyo td 37 td 2009/08/19 td $139,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Thor Walton td Developer td New York td 61 td 2013/08/11 td $98,540 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Finn Camacho td Support Engineer td San Francisco td 47 td 2009/07/07 td $87,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Serge Baldwin td Data Coordinator td Singapore td 64 td 2012/04/09 td $138,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zenaida Frank td Software Engineer td New York td 63 td 2010/01/04 td $125,250 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zorita Serrano td Software Engineer td San Francisco td 56 td 2012/06/01 td $115,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jennifer Acosta td Junior Javascript Developer td Edinburgh td 43 td 2013/02/01 td $75,650 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cara Stevens td Sales Assistant td New York td 46 td 2011/12/06 td $145,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hermione Butler td Regional Director td London td 47 td 2011/03/21 td $356,250 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Lael Greer td Systems Administrator td London td 21 td 2009/02/27 td $103,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jonas Alexander td Developer td San Francisco td 30 td 2010/07/14 td $86,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shad Decker td Regional Director td Edinburgh td 51 td 2008/11/13 td $183,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael Bruce td Javascript Developer td Singapore td 29 td 2011/06/27 td $183,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Donna Snider td Customer Support td New York td 27 td 2011/01/25 td $112,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tfoot tr th Name th Position th Office th Age th Start date th Salary th Action .col-sm-12 .card .card-header.pb-0.card-no-border h3 HTML5 Export Buttons .card-body .dt-ext.table-responsive table#export-button.display thead tr th Name th Position th Assign To th Age th Start date th Salary th Action tbody tr td Tiger Nixon td System Architect td img.img-fluid.table-avtar(src="../assets/images/user/1.jpg", alt="profile") td 61 td 2011/04/25 td $320,800 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Garrett Winters td Accountant td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 63 td 2011/07/25 td $170,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Ashton Cox td Junior Technical Author td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 66 td 2009/01/12 td $86,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cedric Kelly td Senior Javascript Developer td img.img-fluid.table-avtar(src="../assets/images/user/2.jpg", alt="") td 22 td 2012/03/29 td $433,060 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Airi Satou td Accountant td img.img-fluid.table-avtar(src="../assets/images/user/3.jpg", alt="") td 33 td 2008/11/28 td $162,700 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Brielle Williamson td Integration Specialist td img.img-fluid.table-avtar(src="../assets/images/user/3.png", alt="") td 61 td 2012/12/02 td $372,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Herrod Chandler td Sales Assistant td img.img-fluid.table-avtar(src="../assets/images/user/6.jpg", alt="profile") td 59 td 2012/08/06 td $137,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Rhona Davidson td Integration Specialist td img.img-fluid.table-avtar(src="../assets/images/user/7.jpg", alt="profile") td 55 td 2010/10/14 td $327,900 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Colleen Hurst td Javascript Developer td img.img-fluid.table-avtar(src="../assets/images/user/9.jpg", alt="profile") td 39 td 2009/09/15 td $205,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Sonya Frost td Software Engineer td img.img-fluid.table-avtar(src="../assets/images/user/10.jpg", alt="profile") td 23 td 2008/12/13 td $103,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jena Gaines td Office Manager td img.img-fluid.table-avtar(src="../assets/images/user/11.png", alt="profile") td 30 td 2008/12/19 td $90,560 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Quinn Flynn td Support Lead td img.img-fluid.table-avtar(src="../assets/images/user/12.png", alt="profile") td 22 td 2013/03/03 td $342,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Charde Marshall td Regional Director td img.img-fluid.table-avtar(src="../assets/images/user/14.png", alt="profile") td 36 td 2008/10/16 td $470,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Haley Kennedy td Senior Marketing Designer td img.img-fluid.table-avtar(src="../assets/images/user/11.png", alt="") td 43 td 2012/12/18 td $313,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Tatyana Fitzpatrick td Regional Director td img.img-fluid.table-avtar(src="../assets/images/user/1.jpg", alt="") td 19 td 2010/03/17 td $385,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael Silva td Marketing Designer td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 66 td 2012/11/27 td $198,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Paul Byrd td Chief Financial Officer (CFO) td img.img-fluid.table-avtar(src="../assets/images/user/2.jpg", alt="") td 64 td 2010/06/09 td $725,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gloria Little td Systems Administrator td img.img-fluid.table-avtar(src="../assets/images/user/3.jpg", alt="") td 59 td 2009/04/10 td $237,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Bradley Greer td Software Engineer td img.img-fluid.table-avtar(src="../assets/images/user/3.png", alt="") td 41 td 2012/10/13 td $132,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Dai Rios td Personnel Lead td img.img-fluid.table-avtar(src="../assets/images/user/1.jpg", alt="") td 35 td 2012/09/26 td $217,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jenette Caldwell td Development Lead td img.img-fluid.table-avtar(src="../assets/images/user/11.png", alt="") td 30 td 2011/09/03 td $345,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Yuri Berry td Chief Marketing Officer (CMO) td img.img-fluid.table-avtar(src="../assets/images/user/9.jpg", alt="") td 40 td 2009/06/25 td $675,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Caesar Vance td Pre-Sales Support td img.img-fluid.table-avtar(src="../assets/images/user/11.png", alt="") td 21 td 2011/12/12 td $106,450 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Doris Wilder td Sales Assistant td img.img-fluid.table-avtar(src="../assets/images/user/3.png", alt="") td 23 td 2010/09/20 td $85,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Angelica Ramos td Chief Executive Officer (CEO) td img.img-fluid.table-avtar(src="../assets/images/user/3.jpg", alt="") td 47 td 2009/10/09 td $1,200,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin Joyce td Developer td img.img-fluid.table-avtar(src="../assets/images/user/1.jpg", alt="") td 42 td 2010/12/22 td $92,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jennifer Chang td Regional Director td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 28 td 2010/11/14 td $357,650 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Brenden Wagner td Software Engineer td img.img-fluid.table-avtar(src="../assets/images/user/6.jpg", alt="") td 28 td 2011/06/07 td $206,850 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Fiona Green td Chief Operating Officer (COO) td img.img-fluid.table-avtar(src="../assets/images/user/12.png", alt="") td 48 td 2010/03/11 td $850,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shou Itou td Regional Marketing td img.img-fluid.table-avtar(src="../assets/images/user/14.png", alt="") td 20 td 2011/08/14 td $163,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michelle House td Integration Specialist td img.img-fluid.table-avtar(src="../assets/images/user/3.png", alt="") td 37 td 2011/06/02 td $95,400 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Suki Burks td Developer td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 53 td 2009/10/22 td $114,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Prescott Bartlett td Technical Author td img.img-fluid.table-avtar(src="../assets/images/user/14.png", alt="") td 27 td 2011/05/07 td $145,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin Cortez td Team Leader td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 22 td 2008/10/26 td $235,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Martena Mccray td Post-Sales support td img.img-fluid.table-avtar(src="../assets/images/user/10.jpg", alt="") td 46 td 2011/03/09 td $324,050 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Unity Butler td Marketing Designer td img.img-fluid.table-avtar(src="../assets/images/user/11.png", alt="") td 47 td 2009/12/09 td $85,675 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Howard Hatfield td Office Manager td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 51 td 2008/12/16 td $164,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hope Fuentes td Secretary td img.img-fluid.table-avtar(src="../assets/images/user/3.png", alt="") td 41 td 2010/02/12 td $109,850 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Vivian Harrell td Financial Controller td img.img-fluid.table-avtar(src="../assets/images/user/10.jpg", alt="") td 62 td 2009/02/14 td $452,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Timothy Mooney td Office Manager td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 37 td 2008/12/11 td $136,200 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jackson Bradshaw td Director td img.img-fluid.table-avtar(src="../assets/images/user/3.png", alt="") td 65 td 2008/09/26 td $645,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Olivia Liang td Support Engineer td img.img-fluid.table-avtar(src="../assets/images/user/7.jpg", alt="") td 64 td 2011/02/03 td $234,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Bruno Nash td Software Engineer td img.img-fluid.table-avtar(src="../assets/images/user/12.png", alt="") td 38 td 2011/05/03 td $163,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Sakura Yamamoto td Support Engineer td img.img-fluid.table-avtar(src="../assets/images/user/11.png", alt="") td 37 td 2009/08/19 td $139,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Thor Walton td Developer td img.img-fluid.table-avtar(src="../assets/images/user/14.png", alt="") td 61 td 2013/08/11 td $98,540 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Finn Camacho td Support Engineer td img.img-fluid.table-avtar(src="../assets/images/user/12.png", alt="") td 47 td 2009/07/07 td $87,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Serge Baldwin td Data Coordinator td img.img-fluid.table-avtar(src="../assets/images/user/2.jpg", alt="") td 64 td 2012/04/09 td $138,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zenaida Frank td Software Engineer td img.img-fluid.table-avtar(src="../assets/images/user/3.png", alt="") td 63 td 2010/01/04 td $125,250 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zorita Serrano td Software Engineer td img.img-fluid.table-avtar(src="../assets/images/user/1.jpg", alt="") td 56 td 2012/06/01 td $115,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jennifer Acosta td Junior Javascript Developer td img.img-fluid.table-avtar(src="../assets/images/user/2.png", alt="") td 43 td 2013/02/01 td $75,650 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cara Stevens td Sales Assistant td img.img-fluid.table-avtar(src="../assets/images/user/9.jpg", alt="") td 46 td 2011/12/06 td $145,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hermione Butler td Regional Director td img.img-fluid.table-avtar(src="../assets/images/user/14.png", alt="") td 47 td 2011/03/21 td $356,250 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Lael Greer td Systems Administrator td img.img-fluid.table-avtar(src="../assets/images/user/6.jpg", alt="") td 21 td 2009/02/27 td $103,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jonas Alexander td Developer td img.img-fluid.table-avtar(src="../assets/images/user/12.png", alt="") td 30 td 2010/07/14 td $86,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shad Decker td Regional Director td img.img-fluid.table-avtar(src="../assets/images/user/11.png", alt="") td 51 td 2008/11/13 td $183,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael Bruce td Javascript Developer td img.img-fluid.table-avtar(src="../assets/images/user/3.png", alt="") td 29 td 2011/06/27 td $183,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Donna Snider td Customer Support td img.img-fluid.table-avtar(src="../assets/images/user/11.png", alt="") td 27 td 2011/01/25 td $112,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tfoot tr th Name th Position th Assign To th Age th Start date th Salary th Action .col-sm-12 .card .card-header.pb-0.card-no-border h3.mb-3 Immediately Show Hidden Details span | Responsive has the ability to display the details that it has hidden in a variety of different ways. Its default is to allow the end user to toggle the the display by clicking on a row and showing the information in a DataTables child row. At times it can be useful not to require end user interaction to display the hidden data in a responsive manner, which can be done with the childRowImd-flexte display type. .card-body .dt-ext.table-responsive table#show-hidden-row.display thead tr th First name th Last name th Position th Office th Age th Start date th Salary th Extn. th E-mail th Action tbody tr td Tiger td Nixon td System Architect td Edinburgh td 61 td 2011/04/25 td $320,800 td 5421 td t.nixon@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Garrett td Winters td Accountant td Tokyo td 63 td 2011/07/25 td $170,750 td 8422 td g.winters@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Ashton td Cox td Junior Technical Author td San Francisco td 66 td 2009/01/12 td $86,000 td 1562 td a.cox@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cedric td Kelly td Senior Javascript Developer td Edinburgh td 22 td 2012/03/29 td $433,060 td 6224 td c.kelly@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Airi td Satou td Accountant td Tokyo td 33 td 2008/11/28 td $162,700 td 5407 td a.satou@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jena td Gaines td Office Manager td London td 30 td 2008/12/19 td $90,560 td 3814 td j.gaines@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Quinn td Flynn td Support Lead td Edinburgh td 22 td 2013/03/03 td $342,000 td 9497 td q.flynn@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Charde td Marshall td Regional Director td San Francisco td 36 td 2008/10/16 td $470,600 td 6741 td c.marshall@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Haley td Kennedy td Senior Marketing Designer td London td 43 td 2012/12/18 td $313,500 td 3597 td h.kennedy@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Tatyana td Fitzpatrick td Regional Director td London td 19 td 2010/03/17 td $385,750 td 1965 td t.fitzpatrick@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael td Silva td Marketing Designer td London td 66 td 2012/11/27 td $198,500 td 1581 td m.silva@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Paul td Byrd td Chief Financial Officer (CFO) td New York td 64 td 2010/06/09 td $725,000 td 3059 td p.byrd@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Doris td Wilder td Sales Assistant td Sidney td 23 td 2010/09/20 td $85,600 td 3023 td d.wilder@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Angelica td Ramos td Chief Executive Officer (CEO) td London td 47 td 2009/10/09 td $1,200,000 td 5797 td a.ramos@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin td Joyce td Developer td Edinburgh td 42 td 2010/12/22 td $92,575 td 8822 td g.joyce@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jennifer td Chang td Regional Director td Singapore td 28 td 2010/11/14 td $357,650 td 9239 td j.chang@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Brenden td Wagner td Software Engineer td San Francisco td 28 td 2011/06/07 td $206,850 td 1314 td b.wagner@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Fiona td Green td Chief Operating Officer (COO) td San Francisco td 48 td 2010/03/11 td $850,000 td 2947 td f.green@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shou td Itou td Regional Marketing td Tokyo td 20 td 2011/08/14 td $163,000 td 8899 td s.itou@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michelle td House td Integration Specialist td Sidney td 37 td 2011/06/02 td $95,400 td 2769 td m.house@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Suki td Burks td Developer td London td 53 td 2009/10/22 td $114,500 td 6832 td s.burks@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Prescott td Bartlett td Technical Author td London td 27 td 2011/05/07 td $145,000 td 3606 td p.bartlett@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin td Cortez td Team Leader td San Francisco td 22 td 2008/10/26 td $235,500 td 2860 td g.cortez@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Martena td Mccray td Post-Sales support td Edinburgh td 46 td 2011/03/09 td $324,050 td 8240 td m.mccray@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Unity td Butler td Marketing Designer td San Francisco td 47 td 2009/12/09 td $85,675 td 5384 td u.butler@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Howard td Hatfield td Office Manager td San Francisco td 51 td 2008/12/16 td $164,500 td 7031 td h.hatfield@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hope td Fuentes td Secretary td San Francisco td 41 td 2010/02/12 td $109,850 td 6318 td h.fuentes@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Vivian td Harrell td Financial Controller td San Francisco td 62 td 2009/02/14 td $452,500 td 9422 td v.harrell@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Timothy td Mooney td Office Manager td London td 37 td 2008/12/11 td $136,200 td 7580 td t.mooney@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jackson td Bradshaw td Director td New York td 65 td 2008/09/26 td $645,750 td 1042 td j.bradshaw@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Olivia td Liang td Support Engineer td Singapore td 64 td 2011/02/03 td $234,500 td 2120 td o.liang@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Bruno td Nash td Software Engineer td London td 38 td 2011/05/03 td $163,500 td 6222 td b.nash@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Sakura td Yamamoto td Support Engineer td Tokyo td 37 td 2009/08/19 td $139,575 td 9383 td s.yamamoto@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Thor td Walton td Developer td New York td 61 td 2013/08/11 td $98,540 td 8327 td t.walton@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Finn td Camacho td Support Engineer td San Francisco td 47 td 2009/07/07 td $87,500 td 2927 td f.camacho@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Serge td Baldwin td Data Coordinator td Singapore td 64 td 2012/04/09 td $138,575 td 8352 td s.baldwin@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zenaida td Frank td Software Engineer td New York td 63 td 2010/01/04 td $125,250 td 7439 td z.frank@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zorita td Serrano td Software Engineer td San Francisco td 56 td 2012/06/01 td $115,000 td 4389 td z.serrano@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jennifer td Acosta td Junior Javascript Developer td Edinburgh td 43 td 2013/02/01 td $75,650 td 3431 td j.acosta@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cara td Stevens td Sales Assistant td New York td 46 td 2011/12/06 td $145,600 td 3990 td c.stevens@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hermione td Butler td Regional Director td London td 47 td 2011/03/21 td $356,250 td 1016 td h.butler@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Lael td Greer td Systems Administrator td London td 21 td 2009/02/27 td $103,500 td 6733 td l.greer@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jonas td Alexander td Developer td San Francisco td 30 td 2010/07/14 td $86,500 td 8196 td j.alexander@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shad td Decker td Regional Director td Edinburgh td 51 td 2008/11/13 td $183,000 td 6373 td s.decker@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael td Bruce td Javascript Developer td Singapore td 29 td 2011/06/27 td $183,000 td 5384 td m.bruce@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Donna td Snider td Customer Support td New York td 27 td 2011/01/25 td $112,000 td 4226 td d.snider@datatables.net td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash .col-sm-12 .card .card-header.pb-0.card-no-border h3.mb-3 Full row selection span | The rowReorder.selector option provides the ability to define which element in a table row will provide the row reordering handle to the end user. By default only the first cell in the row will trigger the reordering action. This example shows the entire row being able to start the reorder. Simply click and drag anywhere on the row. Additionally, the column that defines the row order is hidden by default, making the table a simple orderable list. .card-body .dt-ext.table-responsive table#full-row.display thead tr th Person th Position th Email th Office th Age th Progress th Start date th Salary th Action tbody tr td Tiger Nixon td Accountant td phizntrg@gmail.com td Edinburgh td 61 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-primary(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/04/25 td $320,800 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Garrett Winters td Accountant td bahwi@att.net td Tokyo td 63 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/07/25 td $170,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Ashton Cox td Junior Technical Author td tubesteak@mac.com td San Francisco td 66 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-secondary(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2009/01/12 td $86,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Cedric Kelly td Senior Javascript Developer td kostas@yahoo.ca td Edinburgh td 22 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2012/03/29 td $433,060 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Airi Satou td Accountant td bdthomas@optonline.net td Tokyo td 33 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-danger(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/11/28 td $162,700 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Brielle Williamson td Integration Specialist td mccurley@aol.com td New York td 61 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2012/12/02 td $372,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Herrod Chandler td Sales Assistant td pajas@icloud.com td San Francisco td 59 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-danger(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2012/08/06 td $137,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Rhona Davidson td Integration Specialist td payned@yahoo.com td Tokyo td 55 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-secondary(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/10/14 td $327,900 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Colleen Hurst td Javascript Developer td heine@mac.com td San Francisco td 39 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-primary(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2009/09/15 td $205,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Sonya Frost td Software Engineer td cmdrgravy@msn.com td Edinburgh td 23 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/12/13 td $103,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jena Gaines td Office Manager td portele@outlook.com td London td 30 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-primary(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/12/19 td $90,560 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Quinn Flynn td Support Lead td jimxugle@comcast.net td Edinburgh td 22 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-danger(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2013/03/03 td $342,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Charde Marshall td Regional Director td adityabose7@gmail.com td San Francisco td 36 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/10/16 td $470,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Haley Kennedy td Senior Marketing Designer td am27491@gmail.com td London td 43 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2012/12/18 td $313,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Tatyana Fitzpatrick td Regional Director td amarjun7@gmail.com td London td 19 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-danger(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/03/17 td $385,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael Silva td Marketing Designer td anuj8315@gmail.com td London td 66 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2012/11/27 td $198,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Paul Byrd td Chief Financial Officer (CFO) td arkindia4@gmail.com td New York td 64 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-secondary(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/06/09 td $725,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gloria Little td Systems Administrator td eric.ogren@gmail.com td New York td 59 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2009/04/10 td $237,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Bradley Greer td Software Engineer td eric.olsen@gmail.com td London td 41 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2012/10/13 td $132,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Dai Rios td Personnel Lead td ersely@gmail.com td Edinburgh td 35 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2012/09/26 td $217,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jenette Caldwell td Development Lead td festim.b@gmail.com td New York td 30 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-danger(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/09/03 td $345,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Yuri Berry td Chief Marketing Officer (CMO) td eric.nelson@gmail.com td New York td 40 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 40%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2009/06/25 td $675,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Caesar Vance td Pre-Sales Support td luciferashish@gmail.com td New York td 21 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/12/12 td $106,450 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Doris Wilder td Sales Assistant td mysteriousWayne@t-online.de td Sidney td 23 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/09/20 td $85,600 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Angelica Ramos td Chief Executive Officer (CEO) td terribleBrent88@zonnet.nl td London td 47 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-secondary(role='progressbar', style='width: 50%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2009/10/09 td $1,200,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin Joyce td Developer td Samuelmagnificent@gmx.de td Edinburgh td 42 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 50%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/12/22 td $92,575 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jennifer Chang td Regional Director td fancyErik9@rambler.ru td Singapore td 28 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/11/14 td $357,650 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Brenden Wagner td Software Engineer td ashamedDanny@att.net td San Francisco td 28 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/06/07 td $206,850 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Fiona Green td Chief Operating Officer (COO) td filthySummer12@hotmail.co.uk td San Francisco td 48 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-danger(role='progressbar', style='width: 50%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/03/11 td $850,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shou Itou td Regional Marketing td mail2svenkatesh@gmail.com td Tokyo td 20 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/08/14 td $163,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michelle House td Integration Specialist td lkfcmk@gmail.com td Sidney td 37 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/06/02 td $95,400 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Suki Burks td Developer td nk.nikhil42@gmail.com td London td 53 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2009/10/22 td $114,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Prescott Bartlett td Technical Author td s.randhir22@gmail.com td London td 27 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-secondary(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/05/07 td $145,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Gavin Cortez td Team Leader td ycprasanth@gmail.com td San Francisco td 22 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/10/26 td $235,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Martena Mccray td Post-Sales support td happyMandy92@shaw.ca td Edinburgh td 46 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/03/09 td $324,050 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Unity Butler td Marketing Designer td richDaniel@ymail.com td San Francisco td 47 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-success(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2009/12/09 td $85,675 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Howard Hatfield td Office Manager td Robertkind@alice.it td San Francisco td 51 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-primary(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/12/16 td $164,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Hope Fuentes td Secretary td Robertalert@laposte.net td San Francisco td 41 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-secondary(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/02/12 td $109,850 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Vivian Harrell td Financial Controller td handsomeRoy@hotmail.it td San Francisco td 62 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-primary(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2009/02/14 td $452,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Timothy Mooney td Office Manager td Mathewlively@wanadoo.fr td London td 37 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/12/11 td $136,200 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jackson Bradshaw td Director td glamorousPhillip89@sfr.fr td New York td 65 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-primary(role='progressbar', style='width: 20%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/09/26 td $645,750 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Olivia Liang td Support Engineer td upsetAnthony@msn.com td Singapore td 64 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-danger(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/02/03 td $234,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Bruno Nash td Software Engineer td shinySergio@tin.it td London td 38 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/05/03 td $163,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Zorita Serrano td Software Engineer td wrongSusan@terra.com.br td San Francisco td 56 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-primary(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2012/06/01 td $115,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Jonas Alexander td Developer td Jennanutty@web.de td San Francisco td 30 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-danger(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2010/07/14 td $86,500 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Shad Decker td Regional Director td Marcmuddy@gmx.de td Edinburgh td 51 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-info(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2008/11/13 td $183,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Michael Bruce td Javascript Developer td poorBrittany@yahoo.com td Singapore td 29 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-primary(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/06/27 td $183,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tr td Donna Snider td Customer Support td lovelyEdwin77@facebook.com td New York td 27 td .progress-showcase .progress.sm-progress-bar .progress-bar.bg-secondary(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') td 2011/01/25 td $112,000 td ul.action li.edit a(href="#") i.icon-pencil-alt li.delete a(href="#") i.icon-trash tfoot tr th Name th Position th Email th Office th Age th Progress th Start date th Salary th Action // Container-fluid Ends include ../../components/footer include ../../components/footer-files