Datatables
This is the new responsive version of datatables and it has changed quite a bit. You will need to add some additional classes to make your table look like this one below.
In order to have the stripe effect, where one row is a darker than the other you will need to use the class of "stripe". The colors of the striping have changed, they are no longer that purple and are now gray.
In order to get the row your mouse is hovering over to change a different color, add the class of "hover".
Because Datatables is a third-party feature we do not offer full support, if you want to customize your table even further, please visit https://datatables.net/
Letter | Number | Color | Shape |
---|---|---|---|
A | 1 | Red | Circle |
B | 2 | Green | Triangle |
C | 3 | Yellow | Circle |
D | 4 | Red | Square |
E | 5 | Blue | Triangle |
F | 6 | Orange | Hexagon |
G | 7 | Green | Circle |
H | 8 | Aqua | Square |
I | 9 | Yellow | Circle |
J | 10 | Blue | Triangle |
K | 11 | Purple | Circle |
L | 12 | Green | Triangle |
M | 13 | Blue | Square |
N | 14 | Yellow | Trianlge |
O | 15 | Red | Circle |
P | 16 | Green | Square |
Q | 17 | Aqua | Circle |
R | 18 | Red | Square |
S | 19 | Red | Square |
T | 20 | Green | Triangle |
U | 21 | Yellow | Circle |
V | 22 | Green | Circle |
W | 23 | Red | Trianlge |
X | 24 | Yellow | Trianlge |
Y | 25 | Pruple | Square |
Z | 26 | Purple | Circle |