logo-lightlogo-dark

Welcome Alex

hand-gif
Here’s what’s happening with your store today.

Advance Init

  2. Data Tables
  3. Advance Init

Stock Result

Data within DataTables can be easily rendered to add graphics or colour to your tables, as demonstrated in the example on this page. These examples make use of columns.render and drawCallback to customise the cells in three ways:1. the colour of the cell is determine by the relative price of the stock. 2. a 'sparkline' class is added to the numeric array in the 'last' column. 3. the jQuery Sparklines plugin is called to turn that array into a line graph.
NameSymbolPriceDifferenceLast
NameSymbolPriceDifferenceLast
ACME GadgetsAGDTS2.560.02
Sole GoodmanSGMAN16.35-0.01
Spry Media ProductionsSPMP1.080.00
Stanler Bits and BobsSBIBO83.680.28
Widget EmporiumWDEMP3.510.05
Showing 1 to 5 of 5 entries

Row Create Callback

For each row that is generated for display, the createdRow function is called once and once only. It is passed the create row node which can then be modified.the 'salary' column Primary and bold by adding a CSS class to the container cell if the salary is greater than $150,000.the 'salary' column danger and bold by adding a CSS class to the container cell if the salary is less than $40,000.
Employee NameEmailExperienceSexContact No.Salary
Angelica Ramos Angelica@gmail.com 4 Month Female +91 8745963210 $12,00,000
Bradley Greer Bradley@gmail.com 6 Year Male +91 8794561230 $1,32,000
Brenden Wagner Brenden@gmail.com 2 Year Female +91 6589742301 $2,06,850
Caesar Vance Vance@yahoo.com 1 Year Male +91 8596741230 $14,500
Dai Rios Rios@gmail.com 1 Year Male +91 7418529630 $2,17,500
Doris Wilder Wilder@gmail.com 6 Month Male +91 6541239870 $85,600
Elana Robbert ElanaRob@gmail.com 1 Year Male +91 9789887777 28,000
Fiona Green Fiona@yahoo.com 3 Month Female +91 6985321470 $8,50,000
Gavin Cortez Gavin@gmail.com 9 Year Male +91 748521369 $2,35,500
Gavin Joyce Gavin@yahoo.com 8 Month Male +91 8596741230 $92,575
Employee NameEmailExperienceSexContact No.Salary
Showing 1 to 10 of 22 entries
Unlocking Creativity

Try It Real Time

Layout Type
    • LTR
    • RTL
    • Box
Sidebar Type
Sidebar Icon
    Stroke
    Fill
Unlimited Color
Light layout
Dark Layout
Mix Layout