@xcelsior/ui-spreadsheets 1.2.1 → 1.2.2
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/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -4
- package/dist/index.mjs.map +1 -1
- package/dist/styles/globals.css +3 -0
- package/dist/styles/globals.css.map +1 -1
- package/package.json +1 -1
- package/src/components/RowIndexColumnHeader.tsx +4 -3
- package/src/components/Spreadsheet.stories.tsx +142 -0
- package/src/components/Spreadsheet.tsx +2 -1
package/dist/index.mjs
CHANGED
|
@@ -1661,8 +1661,8 @@ function RowIndexColumnHeader({
|
|
|
1661
1661
|
style: {
|
|
1662
1662
|
minWidth: `${ROW_INDEX_COLUMN_WIDTH}px`,
|
|
1663
1663
|
width: `${ROW_INDEX_COLUMN_WIDTH}px`,
|
|
1664
|
-
|
|
1665
|
-
|
|
1664
|
+
// Only sticky horizontally if pinned, NOT vertically
|
|
1665
|
+
position: isPinned ? "sticky" : void 0,
|
|
1666
1666
|
left: isPinned ? 0 : void 0,
|
|
1667
1667
|
backgroundColor: highlightColor || "rgb(243 244 246)"
|
|
1668
1668
|
}
|
|
@@ -4354,10 +4354,11 @@ function Spreadsheet({
|
|
|
4354
4354
|
return /* @__PURE__ */ jsx13(
|
|
4355
4355
|
"th",
|
|
4356
4356
|
{
|
|
4357
|
-
className: "border border-gray-200 px-2 py-1 text-center text-gray-400",
|
|
4357
|
+
className: "border border-gray-200 px-2 py-1 text-center text-gray-400 sticky z-20",
|
|
4358
4358
|
style: {
|
|
4359
4359
|
backgroundColor: item.headerColor || "rgb(243 244 246)",
|
|
4360
|
-
minWidth: "30px"
|
|
4360
|
+
minWidth: "30px",
|
|
4361
|
+
top: 0
|
|
4361
4362
|
},
|
|
4362
4363
|
children: "..."
|
|
4363
4364
|
},
|