teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問TableSorterでヘッダー行を固定したいです

編集履歴

質問編集履歴

1

インデントの調整

2020/09/12 05:27

投稿

gawaharu
gawaharu

スコア14

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,4 @@
1
- TableSorterのJSプラグインを導入してソートできるようになったのですが、
1
+ TableSorterのJSプラグインを導入してソートできるようになったのですが、ヘッダ行の固定オプションの指定方法がわかりません。
2
-
3
- ヘッダ行の固定オプションの指定方法がわかりません。
4
2
 
5
3
 
6
4
 
@@ -20,44 +18,40 @@
20
18
 
21
19
 
22
20
 
23
- ```JS
21
+ ------JS------
24
22
 
25
- // テーブルソート
23
+ // テーブルソート
26
24
 
27
- jQuery('使用するテーブル指定').tablesorter({
25
+ jQuery('使用するテーブル指定').tablesorter({
28
26
 
29
27
 
30
28
 
31
- widgets: ['stickyHeaders'],
29
+ widgets: ['stickyHeaders'],
32
30
 
33
- widgetOptions: {
31
+ widgetOptions: {
34
32
 
35
- sticky : 'tablesorter-stickyHeader',
33
+ sticky : 'tablesorter-stickyHeader',
36
34
 
37
- stickyHeaders : '使用するテーブル',
35
+ stickyHeaders : '使用するテーブル',
38
36
 
39
- // jQuery selector or object to attach sticky header to
37
+ // jQuery selector or object to attach sticky header to
40
38
 
41
- stickyHeaders_attachTo: '使用するテーブルのラッパー要素',
39
+ stickyHeaders_attachTo: '使用するテーブルのラッパー要素',
40
+
41
+ }
42
+
43
+ });
42
44
 
43
45
 
44
46
 
45
- }
46
-
47
- });
48
-
49
- ```
50
47
 
51
48
 
49
+ ------CSS------
52
50
 
53
- ```CSS
51
+ .使用するテーブルのラッパー要素{
54
52
 
55
- .使用するテーブルのラッパー要素{
53
+ overflow-y: auto;
56
54
 
57
- overflow-y: auto;
55
+ position: relative;
58
56
 
59
- position: relative;
60
-
61
- }
57
+ }
62
-
63
- ```