Skip to content

Commit beb1540

Browse files
mfranzkemfranzke
authored
docs: added sticky table header sample page (with sticky header) (#1089)
1 parent 1750723 commit beb1540

3 files changed

+243
-0
lines changed

‎source/_patterns/02-components/table/sample-page-with-sticky-header-and-sticky-table-header.hbs

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{{> areas-header }}
2+
<main class="rea-main">
3+
4+
{{> elements-headline type='1' text='Dies ist eine Headline' }}
5+
<p>{{ excerpt.long }}</p>
6+
7+
{{> components-table }}
8+
</main>
9+
{{> areas-footer }}

‎source/_patterns/02-components/table/sample-page-with-sticky-header-and-sticky-table-header.json

+230
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,230 @@
1+
{
2+
"bodyClass": "has-fixed-header",
3+
"sticky": "header",
4+
"cells": [
5+
{
6+
"text01": "Value 01 - 01",
7+
"text02": "Value 01 - 02"
8+
},
9+
{
10+
"text01": "Value 02 - 01",
11+
"text02": "Value 02 - 02"
12+
},
13+
{
14+
"text01": "Value 03 - 01",
15+
"text02": "Value 03 - 02"
16+
},
17+
{
18+
"text01": "Value 04 - 01",
19+
"text02": "Value 04 - 02"
20+
},
21+
{
22+
"text01": "Value 05 - 01",
23+
"text02": "Value 05 - 02"
24+
},
25+
26+
{
27+
"text01": "Value 01 - 01",
28+
"text02": "Value 01 - 02"
29+
},
30+
{
31+
"text01": "Value 02 - 01",
32+
"text02": "Value 02 - 02"
33+
},
34+
{
35+
"text01": "Value 03 - 01",
36+
"text02": "Value 03 - 02"
37+
},
38+
{
39+
"text01": "Value 04 - 01",
40+
"text02": "Value 04 - 02"
41+
},
42+
{
43+
"text01": "Value 05 - 01",
44+
"text02": "Value 05 - 02"
45+
},
46+
47+
{
48+
"text01": "Value 01 - 01",
49+
"text02": "Value 01 - 02"
50+
},
51+
{
52+
"text01": "Value 02 - 01",
53+
"text02": "Value 02 - 02"
54+
},
55+
{
56+
"text01": "Value 03 - 01",
57+
"text02": "Value 03 - 02"
58+
},
59+
{
60+
"text01": "Value 04 - 01",
61+
"text02": "Value 04 - 02"
62+
},
63+
{
64+
"text01": "Value 05 - 01",
65+
"text02": "Value 05 - 02"
66+
},
67+
68+
{
69+
"text01": "Value 01 - 01",
70+
"text02": "Value 01 - 02"
71+
},
72+
{
73+
"text01": "Value 02 - 01",
74+
"text02": "Value 02 - 02"
75+
},
76+
{
77+
"text01": "Value 03 - 01",
78+
"text02": "Value 03 - 02"
79+
},
80+
{
81+
"text01": "Value 04 - 01",
82+
"text02": "Value 04 - 02"
83+
},
84+
{
85+
"text01": "Value 05 - 01",
86+
"text02": "Value 05 - 02"
87+
},
88+
89+
{
90+
"text01": "Value 01 - 01",
91+
"text02": "Value 01 - 02"
92+
},
93+
{
94+
"text01": "Value 02 - 01",
95+
"text02": "Value 02 - 02"
96+
},
97+
{
98+
"text01": "Value 03 - 01",
99+
"text02": "Value 03 - 02"
100+
},
101+
{
102+
"text01": "Value 04 - 01",
103+
"text02": "Value 04 - 02"
104+
},
105+
{
106+
"text01": "Value 05 - 01",
107+
"text02": "Value 05 - 02"
108+
},
109+
{
110+
"text01": "Value 01 - 01",
111+
"text02": "Value 01 - 02"
112+
},
113+
{
114+
"text01": "Value 02 - 01",
115+
"text02": "Value 02 - 02"
116+
},
117+
{
118+
"text01": "Value 03 - 01",
119+
"text02": "Value 03 - 02"
120+
},
121+
{
122+
"text01": "Value 04 - 01",
123+
"text02": "Value 04 - 02"
124+
},
125+
{
126+
"text01": "Value 05 - 01",
127+
"text02": "Value 05 - 02"
128+
},
129+
{
130+
"text01": "Value 01 - 01",
131+
"text02": "Value 01 - 02"
132+
},
133+
{
134+
"text01": "Value 02 - 01",
135+
"text02": "Value 02 - 02"
136+
},
137+
{
138+
"text01": "Value 03 - 01",
139+
"text02": "Value 03 - 02"
140+
},
141+
{
142+
"text01": "Value 04 - 01",
143+
"text02": "Value 04 - 02"
144+
},
145+
{
146+
"text01": "Value 05 - 01",
147+
"text02": "Value 05 - 02"
148+
},
149+
{
150+
"text01": "Value 01 - 01",
151+
"text02": "Value 01 - 02"
152+
},
153+
{
154+
"text01": "Value 02 - 01",
155+
"text02": "Value 02 - 02"
156+
},
157+
{
158+
"text01": "Value 03 - 01",
159+
"text02": "Value 03 - 02"
160+
},
161+
{
162+
"text01": "Value 04 - 01",
163+
"text02": "Value 04 - 02"
164+
},
165+
{
166+
"text01": "Value 05 - 01",
167+
"text02": "Value 05 - 02"
168+
},
169+
{
170+
"text01": "Value 01 - 01",
171+
"text02": "Value 01 - 02"
172+
},
173+
{
174+
"text01": "Value 02 - 01",
175+
"text02": "Value 02 - 02"
176+
},
177+
{
178+
"text01": "Value 03 - 01",
179+
"text02": "Value 03 - 02"
180+
},
181+
{
182+
"text01": "Value 04 - 01",
183+
"text02": "Value 04 - 02"
184+
},
185+
{
186+
"text01": "Value 05 - 01",
187+
"text02": "Value 05 - 02"
188+
},
189+
{
190+
"text01": "Value 01 - 01",
191+
"text02": "Value 01 - 02"
192+
},
193+
{
194+
"text01": "Value 02 - 01",
195+
"text02": "Value 02 - 02"
196+
},
197+
{
198+
"text01": "Value 03 - 01",
199+
"text02": "Value 03 - 02"
200+
},
201+
{
202+
"text01": "Value 04 - 01",
203+
"text02": "Value 04 - 02"
204+
},
205+
{
206+
"text01": "Value 05 - 01",
207+
"text02": "Value 05 - 02"
208+
},
209+
{
210+
"text01": "Value 01 - 01",
211+
"text02": "Value 01 - 02"
212+
},
213+
{
214+
"text01": "Value 02 - 01",
215+
"text02": "Value 02 - 02"
216+
},
217+
{
218+
"text01": "Value 03 - 01",
219+
"text02": "Value 03 - 02"
220+
},
221+
{
222+
"text01": "Value 04 - 01",
223+
"text02": "Value 04 - 02"
224+
},
225+
{
226+
"text01": "Value 05 - 01",
227+
"text02": "Value 05 - 02"
228+
}
229+
]
230+
}

‎source/_patterns/02-components/table/sample-page-with-sticky-header-and-sticky-table-header.md

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
---
2+
title: Sample page with sticky header and sticky table header (open directly for demonstration purpose)
3+
order: 10
4+
---

0 commit comments

Comments
 (0)