logo
logo
    • Logout
  • image missing

    • CE ERP
  • Dashboard
  • Relation
    • Customers
    • Customer Categories
    • Suppliers
    • Supplier Categories
    • Addresses
  • Item Master
    • Assets
    • Services
    • Inventories
    • Inventory Galleries
    • Item Cost Prices
    • Item Sell Prices
    • Item Categories
  • Sales
    • Sales Orders
    • Sales Order Details
  • Invoice
    • Invoices
    • Invoice Items
  • Purchase
    • Purchase Requests
    • Purchase Orders
    • Purchase Order Item
  • Project
    • Projects
    • Project Types
  • Stock
    • Receiving(GRN)
    • Receiving(GRN) Detail
    • Inventory Stock
    • Inventory Transactions
    • MRF
      • M R Form
      • M R F Items
    • Stock Transactions
    • Transactions
    • Location Stores
  • Account
    • AR Report
    • AP Report
  • Setting
    • Staff
    • Roles
    • Role Users
    • Company Profiles
    • Toyyibpay Payment Gateways
    • Banks
    • System Settings
    • Vehicle Types
    • Uoms
    • Uom Converters
    • System Item Names
    • Currencies
    • Statuses
  • Project Progresses
  • Approval Items
  • Development
    • Crud Builder
    • Typography
    • Content
      • Alerts
      • Buttons
      • Cards
      • Dropdown
      • Forms
      • Form Layouts
      • Form Examples
      • Accordion
      • Progressbar
      • Pagination
      • Icons
      • Tabs
      • Modals
    • Tables
      • Table
      • Advanced Data Table
    • Pages
      • 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