Table fluid examples
Base table with 8 columns #
Loremsit amet
Adipisicing elit
Voluptatum
Deserunt nesciunt
Porro magni
Beatae
Ipsum dolor
Actions
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Voluptatum
Delectus
Amet consectetur
Sit amet
Sed voluptatum
Total
1 600 500,00
with 3rd party style - bootstrap #
Loremsit amet
Adipisicing elit
Voluptatum
Deserunt nesciunt
Porro magni
Beatae
Ipsum dolor
Actions
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Voluptatum
Delectus
Amet consectetur
Sit amet
Sed voluptatum
Total
1 600 500,00
dark colors #
Loremsit amet
Adipisicing elit
Voluptatum
Deserunt nesciunt
Porro magni
Beatae
Ipsum dolor
Actions
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Voluptatum
Delectus
Amet consectetur
Sit amet
Sed voluptatum
Total
1 600 500,00
with scroll inside and all functions, 10 columns #
with scroll outside and all functions, 10 columns #
Table - Base function
base: zebra, hover row, borders #
| Loremsit amet | Adipisicing elit | Voluptatum | Deserunt nesciunt | Porro magni | Beatae | Ipsum dolor | Actions |
|---|---|---|---|---|---|---|---|
| Labore sequi quasi | Sed voluptatum | Amet consectetur | Quia aperiam | Delectus nulla | Sit amet | 120 000,00 | |
| Saepe recusandae | Labore sequi quasi | Sit amet | Amet consectetur | Delectus nulla | Quia aperiam | 1 900,00 | |
| Sit amet | Labore sequi quasi | Sed voluptatum | Amet consectetur | Delectus nulla | Quia aperiam | 1 900,00 | |
| Voluptatum | Delectus | Amet consectetur | Sit amet | Sed voluptatum | Total | 1 600 500,00 |
Loremsit amet
Adipisicing elit
Voluptatum
Deserunt nesciunt
Porro magni
Beatae
Ipsum dolor
Actions
Labore sequi quasi
Sed voluptatum
Amet consectetur
Quia aperiam
Delectus nulla
Sit amet
120 000,00
Saepe recusandae
Labore sequi quasi
Sit amet
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Sit amet
Labore sequi quasi
Sed voluptatum
Amet consectetur
Delectus nulla
Quia aperiam
1 900,00
Voluptatum
Delectus
Amet consectetur
Sit amet
Sed voluptatum
Total
1 600 500,00
column hover #
| Title | Title | Title | Title | Title | Title | Title | Title |
|---|---|---|---|---|---|---|---|
| Cell value | 10000,00 | Cell value | Cell value | Cell value | Cell value | Cell value | |
| Cell value | 500,00 | Cell value | Cell value | Cell value | Cell value | Cell value | |
| Cell value | 20000,00 | Cell value | Cell value | Cell value | Cell value | Cell value | |
| Cell value | 10000,00 | Cell value | Cell value | Cell value | Cell value | Cell value | |
| Foot | 1000000,00 | Foot | Foot | Foot | Foot | Foot | Foot |
Title
Title
Title
Title
Title
Title
Title
Title
Cell value
10000,00
Cell value
Cell value
Cell value
Cell value
Cell value
Cell value
500,00
Cell value
Cell value
Cell value
Cell value
Cell value
Cell value
20000,00
Cell value
Cell value
Cell value
Cell value
Cell value
Cell value
10000,00
Cell value
Cell value
Cell value
Cell value
Cell value
Foot
1000000,00
Foot
Foot
Foot
Foot
Foot
Foot
with mobile view support #
| Title | Title | Title | Title | Title | Title | Title | Title |
|---|---|---|---|---|---|---|---|
| Cell value | 10000,00 | Cell value | Cell value | Cell value | Cell value | Cell value | |
| Cell value | 500,00 | Cell value | Cell value | Cell value | Cell value | Cell value | |
| Cell value | 20000,00 | Cell value | Cell value | Cell value | Cell value | Cell value | |
| Cell value | 10000,00 | Cell value | Cell value | Cell value | Cell value | Cell value | |
| Foot | 1000000,00 | Foot | Foot | Foot | Foot | Foot | Foot |
Title
Title
Title
Title
Title
Title
Title
Title
Cell value
10000,00
Cell value
Cell value
Cell value
Cell value
Cell value
Cell value
500,00
Cell value
Cell value
Cell value
Cell value
Cell value
Cell value
20000,00
Cell value
Cell value
Cell value
Cell value
Cell value
Cell value
10000,00
Cell value
Cell value
Cell value
Cell value
Cell value
Foot
1000000,00
Foot
Foot
Foot
Foot
Foot
Foot
with expandable #
Loremsit amet
Adipisicing elit
Voluptatum
Deserunt nesciunt
Porro magni
Beatae
Ipsum dolor
Actions
Foot
1000000,00
Foot
Foot
Foot
Foot
Foot
Foot
Loremsit amet
Adipisicing elit
Voluptatum
Deserunt nesciunt
Porro magni
Beatae
Ipsum dolor
Actions
Foot
1000000,00
Foot
Foot
Foot
Foot
Foot
Foot