Table styling

You can use the below classes to style your table. Add the class to the <table> element.
Select a class to see the effect.

Invoice nr. Client Amount Status
A1410-45698 Tiger Nixon $3,800 paid
B1410-35419 Donna Snider $800 paid
A1408-11852 Ashton Cox $14,200 paid
A1412-12345 Herrod Chandler $1,800 late
A1411-76522 Colleen Hurst $1,750 paid
B1501-11852 Michael Silva $12,750 send

Sorting and Pagination

Add functions like search, sort, filter or pagination to tables with the List.js library.
For all options see the documentation

Invoice nr. Client Amount Status
A1410-45698 Tiger Nixon $3,800 paid
B1410-35419 Donna Snider $800 paid
A1408-11852 Ashton Cox $14,200 paid
A1412-12345 Herrod Chandler $1,800 late
A1411-76522 Colleen Hurst $1,750 paid
B1501-11852 Michael Silva $12,750 send
B1512-11860 Sam Johnson $360 send
A1602-5230 Alex Navarro $2,150 send
A1603-7010 Ashley Miller $150 paid

    Contextual row classes

    Add the class info, success, warning or danger to table rows.

    Invoice nr. Client Amount Status
    A1410-45698 Tiger Nixon $3,800 Send
    B1410-35419 Donna Snider $800 Paid
    A1408-11852 Ashton Cox $14,200 Due
    A1412-12345 Herrod Chandler $1,800 Late
    Invoice nr. Client Amount Status
    A1410-45698 Tiger Nixon $3,800 Send
    B1410-35419 Donna Snider $800 Paid
    A1408-11852 Ashton Cox $14,200 Due
    A1412-12345 Herrod Chandler $1,800 Late

    Contextual cell classes

    Add the class info, success, warning or danger to table cells.

    Invoice nr. Client Amount Status
    A1410-45698 Tiger Nixon $3,800 Send
    B1410-35419 Donna Snider $800 Paid
    A1408-11852 Ashton Cox $14,200 Due
    A1412-12345 Herrod Chandler $1,800 Late

    © 2016 YourApp