logo
    • Logout
  • image missing

    • JOSH
  • Dashboard
  • Typography
  • Content
    • Accordion
    • Alert
    • Apex Charts
    • Buttons
    • Cards
    • Calendar
    • Charts
    • Dropdown
    • Forms
    • Form Layouts
    • Form Examples
    • Progress Bar
    • Pagination
    • Icons
    • Tabs
    • Modals
  • Tables
    • Table
    • Advanced Data Table
    • TUI Grid Table
    • Simple DataTable
  • Pages
    • Form Elements-Select I
    • Form Elements-Select II
    • Advanced Form Elements
    • Toastr Notification
    • Advanced Alerts

Tables

  1. Content
  2. Table
Default Table
( Add class .table)
Name Email Address Status
image missing Stiphen Mark stiphen@mail.com Approved
image missing James Marle marle@mail.com Pending
image missing Lois Mark loismark@mail.com Rejected
Striped Table
(Add class .table-striped)
Product Id Product Name Product Quantity Product Quality
1 Vivo 1 mobile Excellent
2 Samsung 2 mobiles Good
3 Moto 3 mobiles Average
4 LG 4 mobiles Good
5 Honor 5 mobiles Average
Table Hover
(Add class .table-hover)
Employee Name Email Address City
image missing Anitha Palke palke@mail.com Kolkata
image missing Umesh Pandith umesh@mail.com Bangalore
image missing Manika chandra manika@mail.com Hyderabad
Border Table
(Add class .table-bordered)
Name Email Address Action Status
image missing Stiphen Mark stiphen@mail.com Approved
image missing Yamini padal yamini@mail.com Pending
image missing Lois mary lois@mail.com Reject
Table Header Styles

use the modifier classes .thead-light or .thead-dark to make s appear light or dark gray.

Name Email Address Status
image missing Stiphen Mark stiphen@mail.com Approved
image missing Yamini padal yamini@mail.com Pending
image missing Lois mary loismary@mail.com Rejected
Name Email Address Status
image missing Stiphen Mark stiphen@mail.com Approved
image missing Yamini padal yamini@mail.com Pending
image missing Lois mary loismary@mail.com Rejected
Table With Contextual Class
(Add class .table-{class})
Name Email Address Picture Designation Status
Stiphen Mark stiphen@mail.com image missing SEO Analyst Approved
James Marle marle@mail.com image missing Web Developer Pending
Lois Mark loismark@mail.com image missing HR Manager Rejected