My TanStack Table

Headless UI  "TanStack Table" のサンプルです。

カラムの表示

カラムのフィルタリング

カラムのピン留め

  • 展開ボタン
  • ピンボタン
  • チェックボックス
  • フルネーム
  • 性別
  • 学年
  • 組
  • 国語
  • 算数
  • 理科
  • 合計
  • 平均
Pin
No
Full Name
Gender
Grade
Class
Language
Arithmetic
Science
Total
Average
1
たなか はると
男子
3 年
2 組
82 点
95 点
78 点
255 点
85 点
誕生日
2022-09-12
血液型
A
部活動
サッカー
2
さとう あおい
女子
4 年
1 組
67 点
73 点
85 点
225 点
75 点
誕生日
2021-03-25
血液型
O
部活動
バレー
3
すずき ゆうた
男子
1010 年
3 組
43 点
50 点
93 点
186 点
62 点
4
わたなべ みお
女子
2 年
4 組
79 点
84 点
43 点
206 点
68 点
誕生日
2023-09-30
血液型
AB
部活動
なし
5
やまもと ひなた
女子
4 年
2 組
88 点
92 点
89 点
269 点
89 点
誕生日
2021-05-17
血液型
A
部活動
バレー
6
なかむら りく
男子
6 年
1 組
1 点
300 点
12 点
313 点
104 点
誕生日
2019-01-22
血液型
O
部活動
サッカー
7
こばやし さくら
女子
3 年
3 組
76 点
81 点
74 点
231 点
77 点
8
きむら そうた
男子
1 年
2 組
62 点
69 点
999 点
1130 点
376 点
誕生日
2024-08-19
血液型
AB
部活動
野球
9
はやし あかり
女子
5 年
4 組
87 点
83 点
90 点
260 点
86 点
誕生日
2020-06-14
血液型
A
部活動
バレー
10
さいとう ゆうき
男子
2 年
1 組
67 点
45 点
53 点
165 点
55 点
誕生日
2023-10-28
血液型
O
部活動
サッカー
11
いとう れん
男子
5 年
3 組
79 点
88 点
92 点
259 点
86 点
誕生日
2020-05-17
血液型
B
部活動
野球
12
かとう みゆき
女子
2 年
4 組
95 点
72 点
83 点
250 点
83 点
誕生日
2023-11-30
血液型
A
部活動
なし
13
やまだ たいち
男子
3 年
1 組
68 点
89 点
76 点
233 点
77 点
14
おの はな
女子
6 年
2 組
91 点
85 点
94 点
270 点
90 点
誕生日
2019-03-08
血液型
AB
部活動
バレー
15
たけうち ゆうすけ
男子
4 年
3 組
73 点
78 点
86 点
237 点
79 点
誕生日
2021-09-14
血液型
A
部活動
野球
16
なかの あやか
女子
1 年
4 組
87 点
93 点
79 点
259 点
86 点
誕生日
2024-12-01
血液型
B
部活動
なし
17
まつおか こうた
男子
5 年
1 組
82 点
75 点
88 点
245 点
81 点
18
ふじわら みく
女子
2 年
2 組
94 点
87 点
91 点
272 点
90 点
19
おおつか はると
男子
3 年
3 組
76 点
81 点
84 点
241 点
80 点
誕生日
2022-10-11
血液型
AB
部活動
野球
20
あべ さくら
女子
6 年
4 組
89 点
96 点
82 点
267 点
89 点
誕生日
2019-04-25
血液型
B
部活動
なし
NO
フルネーム
性別
学年
組
国語
算数
理科
合計
平均