回答編集履歴

2

chousei

2023/05/10 05:46

投稿

yambejp
yambejp

スコア115275

test CHANGED
@@ -79,3 +79,37 @@
79
79
  test<br>
80
80
  test<br>
81
81
  test<br>
82
+
83
+
84
+ # 調整
85
+ table_scrollとtableを以下に変更し、tr関連のcssを追加してみてください
86
+ ```CSS
87
+ .table_scroll{
88
+ position: absolute;
89
+ z-index: 1;
90
+ overflow-y: scroll;
91
+ width: fit-content;
92
+ height: 350px;
93
+ border: 3px solid tomato;
94
+ top: 100px;
95
+ left: 25px;
96
+ }
97
+ table {
98
+ color: white;
99
+ border-collapse:separate;
100
+ border-spacing:0;
101
+ font-size: 0.8em;
102
+ font-family :serif, sans-serif;
103
+ text-align: center;
104
+ width: 320px;
105
+ left: 50%;
106
+ overflow-y: scroll;
107
+ }
108
+ tr:first-child{
109
+ position: sticky;
110
+ top: 0px;
111
+ }
112
+ tr:not(:first-child){
113
+ border-left:0px solid;
114
+ }
115
+ ```

1

誤字

2023/05/10 03:58

投稿

yambejp
yambejp

スコア115275

test CHANGED
@@ -1,5 +1,5 @@
1
1
  theadがないテーブルの1行目を固定する意味はあるのでしょうか?
2
- 通のテーブルならこんな感じで
2
+ 通のテーブルならこんな感じで
3
3
  ```CSS
4
4
  <style>
5
5
  .wrap{