data tables
Four ways Tabilo turns a plain table into something more.
One core block, four things it’s built to do well — jump to any of them below.
Block-in-cell
Data tables
Styling
Patterns
Data Table 01
| Name | Year | Director | IMDB Ratings | Duration | Link |
|---|---|---|---|---|---|
 |
2024 |
2h 28m |
|||
 |
2024 |
2h 56m |
|||
 |
2024 |
3h 35m |
|||
 |
2024 |
1h 55m |
Data Table 02
| Item Name | Fats(G) | Carbs(G) | Protein(G) | Calories | |
|---|---|---|---|---|---|
 |
Apple Slices |
0.2 |
14 |
0.3 |
52 |
 |
Peanut Butter Sandwich |
16.1 |
27 |
12.1 |
300 |
 |
Baby Carrots |
0.1 |
7 |
0.5 |
30 |
 |
Cheese Stick |
6.8 |
1 |
7 |
80 |
 |
Yogurt (Plain) |
2 |
17 |
10 |
100 |
 |
Chicken Nuggets |
12 |
15 |
1.3 |
200 |
 |
Banana |
0.3 |
23 |
4 |
89 |
 |
Whole Grain Cereal |
1.5 |
32 |
6 |
150 |
 |
Oatmeal |
3 |
27 |
3 |
150 |
 |
Fruit Smoothie |
1.5 |
35 |
50 |
70 |
Data Table 03
| Research type | Description | Examples | When to Use |
|---|---|---|---|
|
Surveys |
Collect quantitative data through structured questionnaires. |
|
Understanding user preferences at scale |
|
Interviews |
Gather qualitative insights through one-on-one conversations with users. |
|
Exploring user motivations and pain points |
|
Usability Testing |
Observe users as they interact with a product to identify usability issues. |
|
Refining user interface and experience |
|
Focus Groups |
Conduct group discussions to gather diverse perspectives on a product or concept. |
|
Generating ideas and gathering group feedback |
Data Table 04
| # | TEAM | M | W | D | L | GF | GD | POINTS |
|---|---|---|---|---|---|---|---|---|
|
1 |
 Manchester City |
38 |
28 |
5 |
5 |
95 |
33 |
89 |
|
2 |
 Arsenal |
38 |
26 |
6 |
8 |
90 |
34 |
88 |
|
3 |
 Manchester United |
38 |
23 |
6 |
14 |
80 |
38 |
66 |
|
4 |
 Newcastle United |
38 |
19 |
14 |
12 |
85 |
27 |
58 |
|
5 |
 Liverpool |
38 |
19 |
10 |
17 |
88 |
32 |
99 |
|
6 |
 Brighton & Hove Albion |
38 |
18 |
8 |
18 |
70 |
31 |
77 |
|
7 |
 Aston Villa |
38 |
18 |
7 |
20 |
60 |
26 |
67 |
|
8 |
 Tottenham Hotspur |
38 |
18 |
6 |
5 |
67 |
25 |
88 |
|
9 |
 Brentford |
38 |
15 |
14 |
12 |
65 |
30 |
87 |
|
10 |
 Fulham |
38 |
15 |
7 |
11 |
50 |
31 |
50 |
Data Table 05
| Logo | Team | P | W | L | D | +/- | PTS |
|---|---|---|---|---|---|---|---|
 |
Leinster |
6 |
5 |
0 |
1 |
3 |
23 |
 |
Exeter Chiefs |
6 |
5 |
1 |
0 |
2 |
22 |
 |
Racing 92 |
6 |
4 |
1 |
1 |
2 |
20 |
 |
Saracens |
6 |
4 |
2 |
0 |
1 |
17 |
 |
Toulouse |
6 |
3 |
2 |
1 |
2 |
16 |
 |
Clermont Auvergne |
6 |
3 |
3 |
0 |
1 |
13 |
 |
Munster |
6 |
2 |
3 |
1 |
0 |
10 |
 |
Gloucester |
6 |
2 |
4 |
0 |
1 |
9 |
 |
Bath |
6 |
1 |
4 |
1 |
0 |
6 |
 |
Northampton Saints |
6 |
0 |
6 |
0 |
0 |
0 |
Data Table 06
|
Type Of Food |
Calories |
Tasty Factor |
Average Price |
Rarity |
Average Rating |
|
Slice of Pizza |
285 |
9 |
$3.00 |
Common |
4.5 |
|
Hamburger |
354 |
8 |
$4.50 |
4.0 |
|
|
Chocolate Bar |
229 |
9 |
$1.50 |
4.5 |
|
|
Apple |
95 |
6 |
$0.70 |
4.3 |
|
|
Sushi Roll |
200 |
8 |
$7.00 |
4.2 |
|
|
Quinoa Salad |
222 |
7 |
$5.00 |
Uncommon |
4.1 |
|
Lobster |
250 |
8 |
$20.00 |
Rare |
4.7 |
Data Table 07
| Dessert (100g serving) | Fat (g) | Carbs (g) | Protein(g) | Iron (%) | Calories |
|---|---|---|---|---|---|
|
Frozen Yogurt |
6 |
24 |
4 |
1 |
|
|
Jelly bean |
0 |
94 |
0 |
0 |
|
|
KitKat |
26 |
65 |
7 |
6 |
|
|
Eclair |
16 |
23 |
6 |
7 |
|
|
Gingerbread |
16 |
49 |
3.9 |
16 |
|
|
Brownie |
18 |
45 |
4.5 |
8 |
|
|
Cheesecake |
21 |
30 |
5 |
5 |
|
|
Apple Pie |
12 |
34 |
2 |
4 |
|
|
Donut (Glazed) |
14 |
51 |
3.2 |
3 |
Data Table 08
| Future Bookings | IN PROGRESS | ON HOLD | TENTATIVE | Iron (%) | Calories |
|---|---|---|---|---|---|
|
Today |
(0) $0.00 |
(1) $2,310.00 |
(0) $0.00 |
1 |
|
|
Tomorrow |
(0) $0.00 |
(0) $0.00 |
(0) $0.00 |
0 |
|
|
This Week |
(0) $0.00 |
(9) $26,647.50 |
(0) $0.00 |
6 |
|
|
This Month |
(0) $0.00 |
(1) $2,310.00 |
(0) $0.00 |
7 |
|
|
This Quarter |
(1) $1,100.00 |
(14) $49,089.70 |
(0) $0.00 |
16 |
|
|
Next Week |
(1) $1,100.00 |
(2) $1,045.00 |
(0) $0.00 |
8 |
|
|
Next Month |
(1) $1,100.00 |
(13) $46,779.70 |
(0) $0.00 |
5 |
|
|
Next Quarter |
(0) $0.00 |
(0) $0.00 |
(0) $0.00 |
4 |
|
|
All Future Booking |
(1) $1,100.00 |
(13) $46,779.70 |
(0) $0.00 |
3 |
Data Table 9
| Field | Data Type | Width | Description | Validation | Calories |
|---|---|---|---|---|---|
|
Reservation_no |
Int |
20 |
Stores Reservation Number |
Primary Key |
|
|
Customer_id |
Int |
10 |
Stores Customer ID |
Foreign Key |
|
|
Room_no |
Int |
10 |
Stores Room_no |
Foreign Key |
|
|
Check_in |
Varchar |
10 |
Stores Check in Details |
NOT NULL |
|
|
Check_out |
Varchar |
10 |
Stores Check out Details |
NOT NULL |
Now Showing · Screen 03
Data Table 10
|
★★★★☆ 4/5 2h 28m GladiatorRidley Scott · 2024 |
★★★★☆ 4/5 3h 35m The MotherRidley Scott · 2024 |
★★★★★ 5/5 2h 56m DuneDenis Villeneuve · 2024 |
★★★★☆ 4/5 3h 35m The MotherRidley Scott · 2024 |
Reservation Table Schema 11
Field-level reference for the reservations table, including data types, constraints and sample values.
| Field | Data Type | Width | Description | Validation | Example |
|---|---|---|---|---|---|
|
Reservation_no |
Int |
20 |
Stores the unique reservation number |
Primary Key |
RES20001 |
|
Customer_id |
Int |
10 |
Links to the customer who made the booking |
Foreign Key |
CUST0587 |
|
Room_no |
Int |
10 |
Links to the booked room |
Foreign Key |
305 |
|
Check_in |
Varchar |
10 |
Stores the check-in date |
Not Null |
2026-09-01 |
|
Check_out |
Varchar |
10 |
Stores the check-out date |
Not Null |
2026-09-05 |
Now Showing · Screen 01
Data Table 12
| Name | Year | Director | IMDB Ratings | Duration | Link |
|---|---|---|---|---|---|
|
|
2024 |
2h 28m |
|||
|
|
2024 |
2h 56m |
|||
|
|
2024 |
3h 35m |
|||
|
|
2024 |
1h 55m |
Team Directory 13
Meet the people behind the product. Reach out directly whenever you need help.
| Employee | Role | Department | Status | Contact |
|---|---|---|---|---|
|
SM Sophia Martinez sophia.m@company.com |
Product Designer |
Design |
🟢 Active |
|
|
JC James Carter james.c@company.com |
Backend Engineer |
Engineering |
🟡 In a meeting |
|
|
AK Aisha Khan aisha.k@company.com |
Marketing Lead |
Marketing |
⚪ On Leave |
|
|
RP Ravi Patel ravi.p@company.com |
Customer Success |
Support |
🟢 Active |
|
|
LW Liam Wong liam.w@company.com |
Finance Manager |
Finance |
🔵 Remote |