質問編集履歴
1
インデントの調整
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
TableSorterのJSプラグインを導入してソートできるようになったのですが、
|
|
1
|
+
TableSorterのJSプラグインを導入してソートできるようになったのですが、ヘッダ行の固定オプションの指定方法がわかりません。
|
|
2
|
-
ヘッダ行の固定オプションの指定方法がわかりません。
|
|
3
2
|
|
|
4
3
|
公式ドキュメントを見て一応下記のように予想して記述してみたのですが、、
|
|
5
4
|
どうかご教授ください！！！お願いします！
|
|
@@ -9,24 +8,22 @@
|
|
|
9
8
|
|
|
10
9
|
|
|
11
10
|
|
|
12
|
-
|
|
11
|
+
------JS------
|
|
13
|
-
|
|
12
|
+
// テーブルソート
|
|
14
|
-
|
|
13
|
+
jQuery('使用するテーブル指定').tablesorter({
|
|
15
14
|
|
|
16
|
-
|
|
15
|
+
widgets: ['stickyHeaders'],
|
|
17
|
-
|
|
16
|
+
widgetOptions: {
|
|
18
|
-
|
|
17
|
+
sticky : 'tablesorter-stickyHeader',
|
|
19
|
-
|
|
18
|
+
stickyHeaders : '使用するテーブル',
|
|
20
|
-
|
|
19
|
+
// jQuery selector or object to attach sticky header to
|
|
21
|
-
|
|
20
|
+
stickyHeaders_attachTo: '使用するテーブルのラッパー要素',
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
}
|
|
24
22
|
});
|
|
25
|
-
```
|
|
26
23
|
|
|
24
|
+
|
|
27
|
-
|
|
25
|
+
------CSS------
|
|
28
|
-
|
|
26
|
+
.使用するテーブルのラッパー要素{
|
|
29
|
-
|
|
27
|
+
overflow-y: auto;
|
|
30
|
-
|
|
28
|
+
position: relative;
|
|
31
|
-
|
|
29
|
+
}
|
|
32
|
-
```
|