Files
djangocms/static/admin/assets/pug/pages/theme/datatable-ext-autofill.pug
T
2024-12-13 08:31:39 +07:00

5467 lines
236 KiB
Plaintext

- 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