pixel-react-excel-sheet 1.0.28 → 1.0.30
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/lib/index.esm.js +8 -9
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +8 -9
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +8 -8
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +1 -4
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +4 -8
package/package.json
CHANGED
|
@@ -105,21 +105,21 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
|
|
|
105
105
|
|
|
106
106
|
return (
|
|
107
107
|
<th
|
|
108
|
-
style={{ minWidth: `${columnWidth}px`, position: 'sticky' }} //Dynamic value, Inline Styling required
|
|
109
108
|
className={classNames('ff-spreadsheet-header', {
|
|
110
109
|
'ff-spreadsheet-header--selected': selected,
|
|
111
110
|
})}
|
|
111
|
+
style={{ minWidth: `${columnWidth}px` }} //Dynamic value, Inline Styling required
|
|
112
112
|
onClick={handleClick}
|
|
113
113
|
onContextMenu={contextClick}
|
|
114
114
|
tabIndex={0}
|
|
115
115
|
>
|
|
116
|
-
<div
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
<Typography fontWeight=
|
|
122
|
-
|
|
116
|
+
<div
|
|
117
|
+
onClick={handleClick}
|
|
118
|
+
onContextMenu={contextClick}
|
|
119
|
+
tabIndex={0}
|
|
120
|
+
></div>
|
|
121
|
+
<Typography fontWeight="medium">
|
|
122
|
+
{label !== undefined ? label : columnIndexToLabel(column)}
|
|
123
123
|
</Typography>
|
|
124
124
|
<div
|
|
125
125
|
onMouseDown={onMouseDown}
|
|
@@ -103,13 +103,10 @@ const RowIndicator: Types.RowIndicatorComponent = ({
|
|
|
103
103
|
|
|
104
104
|
return (
|
|
105
105
|
<th
|
|
106
|
-
style={{
|
|
107
|
-
height: `${rowHeight}px`,
|
|
108
|
-
minWidth: '60px',
|
|
109
|
-
}} //Dynamic value, Inline Styling required
|
|
110
106
|
className={classNames('ff-spreadsheet-header', {
|
|
111
107
|
'ff-spreadsheet-header--selected': selected,
|
|
112
108
|
})}
|
|
109
|
+
style={{ height: `${rowHeight}px`, minWidth: '60px' }} //Dynamic value, Inline Styling required
|
|
113
110
|
onClick={handleClick}
|
|
114
111
|
onContextMenu={contextClick}
|
|
115
112
|
tabIndex={0}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
.ff-excel {
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
6
|
-
width: 100%;
|
|
7
6
|
|
|
8
7
|
.ff-excel-toolbar-container {
|
|
9
8
|
position: relative;
|
|
@@ -29,10 +28,6 @@
|
|
|
29
28
|
color: var(--text-color);
|
|
30
29
|
scrollbar-width: none;
|
|
31
30
|
display: inline-block;
|
|
32
|
-
width: 100%;
|
|
33
|
-
top: 0px;
|
|
34
|
-
left: 0px;
|
|
35
|
-
|
|
36
31
|
}
|
|
37
32
|
|
|
38
33
|
.ff-spreadsheet-active-cell {
|
|
@@ -98,20 +93,21 @@
|
|
|
98
93
|
text-align: center;
|
|
99
94
|
z-index: 1000;
|
|
100
95
|
position: sticky;
|
|
96
|
+
top: 0;
|
|
97
|
+
left: 0;
|
|
101
98
|
}
|
|
102
99
|
|
|
103
100
|
.ff-spreadsheet-corner-header {
|
|
104
101
|
position: fixed;
|
|
105
|
-
z-index:
|
|
102
|
+
z-index: 3000;
|
|
106
103
|
}
|
|
107
104
|
|
|
108
105
|
.ff-spreadsheet-row-header {
|
|
109
|
-
// position: relative;
|
|
110
106
|
height: 34px;
|
|
111
107
|
}
|
|
112
108
|
|
|
113
109
|
.corner-header {
|
|
114
|
-
border:
|
|
110
|
+
border: 1px solid var(--border-color);
|
|
115
111
|
background-color: var(--header-background-color);
|
|
116
112
|
position: absolute;
|
|
117
113
|
display: flex;
|