The tables

Tables in simplecss are rendered using.tableclass

Example of classic table with the class.table, all rows have a border below which divides the individual lines to better read

id title availability price
1 Prodotto numero 1 15 450,00
2 Prodotto numero 2 22 1286,00
3 Prodotto numero 3 95 1896,00
4 Prodotto numero 4 86 500,00

Example of a table with the alternate rows using the class.table-striped

id title availability price
1 Prodotto numero 1 95 749,00
2 Prodotto numero 2 1 1566,00
3 Prodotto numero 3 10 144,00
4 Prodotto numero 4 87 2932,00

Example of a table with the border around using the class.table-border

id title availability price
1 Prodotto numero 1 35 2,00
2 Prodotto numero 2 39 376,00
3 Prodotto numero 3 43 84,00
4 Prodotto numero 4 5 1928,00

Example of a table with the event hover over individual rows using the class.table-hover

id title availability price
1 Prodotto numero 1 60 442,00
2 Prodotto numero 2 94 1784,00
3 Prodotto numero 3 3 1785,00
4 Prodotto numero 4 48 748,00

Note

You can also combine the different classes for the tables hybrid

An example of using multiple classes on the same table

id title availability price
1 Prodotto numero 1 4 704,00
2 Prodotto numero 2 83 1990,00
3 Prodotto numero 3 33 2049,00
4 Prodotto numero 4 12 1104,00

Example of a table with an input search

id title availability price
1 Prodotto numero 1 43 133,00
2 Prodotto numero 2 5 1078,00
3 Prodotto numero 3 18 2784,00
4 Prodotto numero 4 27 2132,00