@isoftdata/svelte-table 2.10.0-beta.0 → 2.10.0-beta.1
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.
- package/dist/Table.svelte +20 -20
- package/dist/Td.svelte +1 -0
- package/package.json +1 -1
package/dist/Table.svelte
CHANGED
|
@@ -995,6 +995,26 @@
|
|
|
995
995
|
id="hide-column-context-menu"
|
|
996
996
|
bind:this={contextMenu}
|
|
997
997
|
>
|
|
998
|
+
{#if columnPinningEnabled}
|
|
999
|
+
{@const isPinned = !!contextMenuColumn?.pinned}
|
|
1000
|
+
<DropdownItem
|
|
1001
|
+
icon={isPinned ? 'thumbtack-angle-slash' : 'thumbtack-angle'}
|
|
1002
|
+
title={isPinned
|
|
1003
|
+
? 'Unpinning this column will make it scroll normally'
|
|
1004
|
+
: 'Pinning this column will keep it visible as you scroll to the right'}
|
|
1005
|
+
onclick={() => {
|
|
1006
|
+
if (contextMenuColumn) {
|
|
1007
|
+
pinUnpinColumn(contextMenuColumn)
|
|
1008
|
+
}
|
|
1009
|
+
}}
|
|
1010
|
+
>{isPinned ? `Unpin ${contextMenuColumn?.name}` : `Pin ${contextMenuColumn?.name}`}
|
|
1011
|
+
</DropdownItem>
|
|
1012
|
+
|
|
1013
|
+
{#if columnHidingEnabled || columnResizingEnabled}
|
|
1014
|
+
<div class="dropdown-divider"></div>
|
|
1015
|
+
{/if}
|
|
1016
|
+
{/if}
|
|
1017
|
+
|
|
998
1018
|
{#if columnHidingEnabled}
|
|
999
1019
|
<DropdownItem
|
|
1000
1020
|
class={hideButtonClass}
|
|
@@ -1029,26 +1049,6 @@
|
|
|
1029
1049
|
{/each}
|
|
1030
1050
|
</div>
|
|
1031
1051
|
|
|
1032
|
-
{#if columnPinningEnabled || columnResizingEnabled}
|
|
1033
|
-
<div class="dropdown-divider"></div>
|
|
1034
|
-
{/if}
|
|
1035
|
-
{/if}
|
|
1036
|
-
|
|
1037
|
-
{#if columnPinningEnabled}
|
|
1038
|
-
{@const isPinned = !!contextMenuColumn?.pinned}
|
|
1039
|
-
<DropdownItem
|
|
1040
|
-
icon={isPinned ? 'thumbtack-angle-slash' : 'thumbtack-angle'}
|
|
1041
|
-
title={isPinned
|
|
1042
|
-
? 'Unpinning this column will make it scroll normally'
|
|
1043
|
-
: 'Pinning this column will keep it visible as you scroll to the right'}
|
|
1044
|
-
onclick={() => {
|
|
1045
|
-
if (contextMenuColumn) {
|
|
1046
|
-
pinUnpinColumn(contextMenuColumn)
|
|
1047
|
-
}
|
|
1048
|
-
}}
|
|
1049
|
-
>{isPinned ? `Unpin ${contextMenuColumn?.name}` : `Pin ${contextMenuColumn?.name}`}
|
|
1050
|
-
</DropdownItem>
|
|
1051
|
-
|
|
1052
1052
|
{#if columnResizingEnabled}
|
|
1053
1053
|
<div class="dropdown-divider"></div>
|
|
1054
1054
|
{/if}
|
package/dist/Td.svelte
CHANGED
|
@@ -118,6 +118,7 @@
|
|
|
118
118
|
style:text-overflow={$columnResizingEnabled ? 'ellipsis' : undefined}
|
|
119
119
|
style:position={thisColumnInfo?.pinned ? 'sticky' : undefined}
|
|
120
120
|
style:left={thisColumnInfo?.pinned ? columnInfo.getPinnedColumnOffset(property) : undefined}
|
|
121
|
+
style:z-index={thisColumnInfo.pinned ? 5 : undefined}
|
|
121
122
|
>
|
|
122
123
|
<!--
|
|
123
124
|
Don't listen to events that the user hasn't turned on the features for.
|