playbook_ui_docs 14.10.0.pre.alpha.PBNTR662stickyrightcolumnreact5160 → 14.10.0.pre.alpha.play1662cssbargraph5193
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +1 -4
- data/dist/playbook-doc.js +1 -1
- metadata +2 -6
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +0 -88
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +0 -87
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +0 -5
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 14.10.0.pre.alpha.
|
|
4
|
+
version: 14.10.0.pre.alpha.play1662cssbargraph5193
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date:
|
|
12
|
+
date: 2025-01-03 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -1755,14 +1755,10 @@ files:
|
|
|
1755
1755
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
|
|
1756
1756
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
|
|
1757
1757
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.md
|
|
1758
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
|
|
1759
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
|
|
1760
1758
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
|
|
1761
1759
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
|
|
1762
1760
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
|
|
1763
1761
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
|
|
1764
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
|
|
1765
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
|
|
1766
1762
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
|
|
1767
1763
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
|
|
1768
1764
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.md
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import Table from '../_table'
|
|
3
|
-
|
|
4
|
-
const TableStickyColumns = () => {
|
|
5
|
-
return (
|
|
6
|
-
<Table
|
|
7
|
-
responsive="scroll"
|
|
8
|
-
size="md"
|
|
9
|
-
stickyLeftColumn={["a"]}
|
|
10
|
-
stickyRightColumn={["b"]}
|
|
11
|
-
>
|
|
12
|
-
<thead>
|
|
13
|
-
<tr>
|
|
14
|
-
<th id="a">{'Column 1'}</th>
|
|
15
|
-
<th>{'Column 2'}</th>
|
|
16
|
-
<th>{'Column 3'}</th>
|
|
17
|
-
<th>{'Column 4'}</th>
|
|
18
|
-
<th>{'Column 5'}</th>
|
|
19
|
-
<th>{'Column 6'}</th>
|
|
20
|
-
<th>{'Column 7'}</th>
|
|
21
|
-
<th>{'Column 8'}</th>
|
|
22
|
-
<th>{'Column 9'}</th>
|
|
23
|
-
<th>{'Column 10'}</th>
|
|
24
|
-
<th>{'Column 11'}</th>
|
|
25
|
-
<th>{'Column 12'}</th>
|
|
26
|
-
<th>{'Column 13'}</th>
|
|
27
|
-
<th>{'Column 14'}</th>
|
|
28
|
-
<th id="b">{'Column 15'}</th>
|
|
29
|
-
</tr>
|
|
30
|
-
</thead>
|
|
31
|
-
<tbody>
|
|
32
|
-
<tr>
|
|
33
|
-
<td id="a">{'Value 1'}</td>
|
|
34
|
-
<td>{'Value 2'}</td>
|
|
35
|
-
<td>{'Value 3'}</td>
|
|
36
|
-
<td>{'Value 4'}</td>
|
|
37
|
-
<td>{'Value 5'}</td>
|
|
38
|
-
<td>{'Value 6'}</td>
|
|
39
|
-
<td>{'Value 7'}</td>
|
|
40
|
-
<td>{'Value 8'}</td>
|
|
41
|
-
<td>{'Value 9'}</td>
|
|
42
|
-
<td>{'Value 10'}</td>
|
|
43
|
-
<td>{'Value 11'}</td>
|
|
44
|
-
<td>{'Value 12'}</td>
|
|
45
|
-
<td>{'Value 13'}</td>
|
|
46
|
-
<td>{'Value 14'}</td>
|
|
47
|
-
<td id="b">{'Value 15'}</td>
|
|
48
|
-
</tr>
|
|
49
|
-
<tr>
|
|
50
|
-
<td id="a">{'Value 1'}</td>
|
|
51
|
-
<td>{'Value 2'}</td>
|
|
52
|
-
<td>{'Value 3'}</td>
|
|
53
|
-
<td>{'Value 4'}</td>
|
|
54
|
-
<td>{'Value 5'}</td>
|
|
55
|
-
<td>{'Value 6'}</td>
|
|
56
|
-
<td>{'Value 7'}</td>
|
|
57
|
-
<td>{'Value 8'}</td>
|
|
58
|
-
<td>{'Value 9'}</td>
|
|
59
|
-
<td>{'Value 10'}</td>
|
|
60
|
-
<td>{'Value 11'}</td>
|
|
61
|
-
<td>{'Value 12'}</td>
|
|
62
|
-
<td>{'Value 13'}</td>
|
|
63
|
-
<td>{'Value 14'}</td>
|
|
64
|
-
<td id="b">{'Value 15'}</td>
|
|
65
|
-
</tr>
|
|
66
|
-
<tr>
|
|
67
|
-
<td id="a">{'Value 1'}</td>
|
|
68
|
-
<td>{'Value 2'}</td>
|
|
69
|
-
<td>{'Value 3'}</td>
|
|
70
|
-
<td>{'Value 4'}</td>
|
|
71
|
-
<td>{'Value 5'}</td>
|
|
72
|
-
<td>{'Value 6'}</td>
|
|
73
|
-
<td>{'Value 7'}</td>
|
|
74
|
-
<td>{'Value 8'}</td>
|
|
75
|
-
<td>{'Value 9'}</td>
|
|
76
|
-
<td>{'Value 10'}</td>
|
|
77
|
-
<td>{'Value 11'}</td>
|
|
78
|
-
<td>{'Value 12'}</td>
|
|
79
|
-
<td>{'Value 13'}</td>
|
|
80
|
-
<td>{'Value 14'}</td>
|
|
81
|
-
<td id="b">{'Value 15'}</td>
|
|
82
|
-
</tr>
|
|
83
|
-
</tbody>
|
|
84
|
-
</Table>
|
|
85
|
-
)
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
export default TableStickyColumns
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import Table from '../_table'
|
|
3
|
-
|
|
4
|
-
const TableStickyRightColumns = () => {
|
|
5
|
-
return (
|
|
6
|
-
<Table
|
|
7
|
-
responsive="scroll"
|
|
8
|
-
size="md"
|
|
9
|
-
stickyRightColumn={["13", "14", "15"]}
|
|
10
|
-
>
|
|
11
|
-
<thead>
|
|
12
|
-
<tr>
|
|
13
|
-
<th>{'Column 1'}</th>
|
|
14
|
-
<th>{'Column 2'}</th>
|
|
15
|
-
<th>{'Column 3'}</th>
|
|
16
|
-
<th>{'Column 4'}</th>
|
|
17
|
-
<th>{'Column 5'}</th>
|
|
18
|
-
<th>{'Column 6'}</th>
|
|
19
|
-
<th>{'Column 7'}</th>
|
|
20
|
-
<th>{'Column 8'}</th>
|
|
21
|
-
<th>{'Column 9'}</th>
|
|
22
|
-
<th>{'Column 10'}</th>
|
|
23
|
-
<th>{'Column 11'}</th>
|
|
24
|
-
<th>{'Column 12'}</th>
|
|
25
|
-
<th id="13">{'Column 13'}</th>
|
|
26
|
-
<th id="14">{'Column 14'}</th>
|
|
27
|
-
<th id="15">{'Column 15'}</th>
|
|
28
|
-
</tr>
|
|
29
|
-
</thead>
|
|
30
|
-
<tbody>
|
|
31
|
-
<tr>
|
|
32
|
-
<td>{'Value 1'}</td>
|
|
33
|
-
<td>{'Value 2'}</td>
|
|
34
|
-
<td>{'Value 3'}</td>
|
|
35
|
-
<td>{'Value 4'}</td>
|
|
36
|
-
<td>{'Value 5'}</td>
|
|
37
|
-
<td>{'Value 6'}</td>
|
|
38
|
-
<td>{'Value 7'}</td>
|
|
39
|
-
<td>{'Value 8'}</td>
|
|
40
|
-
<td>{'Value 9'}</td>
|
|
41
|
-
<td>{'Value 10'}</td>
|
|
42
|
-
<td>{'Value 11'}</td>
|
|
43
|
-
<td>{'Value 12'}</td>
|
|
44
|
-
<td id="13">{'Value 13'}</td>
|
|
45
|
-
<td id="14">{'Value 14'}</td>
|
|
46
|
-
<td id="15">{'Value 15'}</td>
|
|
47
|
-
</tr>
|
|
48
|
-
<tr>
|
|
49
|
-
<td>{'Value 1'}</td>
|
|
50
|
-
<td>{'Value 2'}</td>
|
|
51
|
-
<td>{'Value 3'}</td>
|
|
52
|
-
<td>{'Value 4'}</td>
|
|
53
|
-
<td>{'Value 5'}</td>
|
|
54
|
-
<td>{'Value 6'}</td>
|
|
55
|
-
<td>{'Value 7'}</td>
|
|
56
|
-
<td>{'Value 8'}</td>
|
|
57
|
-
<td>{'Value 9'}</td>
|
|
58
|
-
<td>{'Value 10'}</td>
|
|
59
|
-
<td>{'Value 11'}</td>
|
|
60
|
-
<td>{'Value 12'}</td>
|
|
61
|
-
<td id="13">{'Value 13'}</td>
|
|
62
|
-
<td id="14">{'Value 14'}</td>
|
|
63
|
-
<td id="15">{'Value 15'}</td>
|
|
64
|
-
</tr>
|
|
65
|
-
<tr>
|
|
66
|
-
<td>{'Value 1'}</td>
|
|
67
|
-
<td>{'Value 2'}</td>
|
|
68
|
-
<td>{'Value 3'}</td>
|
|
69
|
-
<td>{'Value 4'}</td>
|
|
70
|
-
<td>{'Value 5'}</td>
|
|
71
|
-
<td>{'Value 6'}</td>
|
|
72
|
-
<td>{'Value 7'}</td>
|
|
73
|
-
<td>{'Value 8'}</td>
|
|
74
|
-
<td>{'Value 9'}</td>
|
|
75
|
-
<td>{'Value 10'}</td>
|
|
76
|
-
<td>{'Value 11'}</td>
|
|
77
|
-
<td>{'Value 12'}</td>
|
|
78
|
-
<td id="13">{'Value 13'}</td>
|
|
79
|
-
<td id="14">{'Value 14'}</td>
|
|
80
|
-
<td id="15">{'Value 15'}</td>
|
|
81
|
-
</tr>
|
|
82
|
-
</tbody>
|
|
83
|
-
</Table>
|
|
84
|
-
)
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
export default TableStickyRightColumns
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
The `stickyRightColumn` prop works in the same way as the above `stickyLeftColumn` prop. It expects an array of the column ids you want to be sticky. Make sure to add the corresponding id to the `<th>` and `<td>`.
|
|
2
|
-
|
|
3
|
-
If you are using the sub-component variant, then you will pass the id to `<Table.Header>` and `<Table.Cell>`
|
|
4
|
-
|
|
5
|
-
Please ensure that unique ids are used for all columns across multiple tables. Using the same columns ids on multiple tables can lead to issues when using the `stickyRightColumn` prop.
|