pixel-react-excel-sheet 1.0.16 → 1.0.17
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 +57 -34
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +57 -34
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +25 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +1 -2
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +5 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +5 -1
package/package.json
CHANGED
|
@@ -103,6 +103,31 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
|
|
|
103
103
|
);
|
|
104
104
|
|
|
105
105
|
return (
|
|
106
|
+
// <th
|
|
107
|
+
// style={{ minWidth: `${columnWidth}px`, position: 'relative' }} //Dynamic value, Inline Styling required
|
|
108
|
+
// className={classNames('ff-spreadsheet-header', {
|
|
109
|
+
// 'ff-spreadsheet-header--selected': selected,
|
|
110
|
+
// })}
|
|
111
|
+
// onClick={handleClick}
|
|
112
|
+
// onContextMenu={contextClick}
|
|
113
|
+
// tabIndex={0}
|
|
114
|
+
// >
|
|
115
|
+
// {label !== undefined ? label : columnIndexToLabel(column)}
|
|
116
|
+
// <div
|
|
117
|
+
// onMouseDown={onMouseDown}
|
|
118
|
+
// onClick={() => activate({ row: -1, column })}
|
|
119
|
+
// style={{
|
|
120
|
+
// zIndex: 'inherit',
|
|
121
|
+
// width: '2px',
|
|
122
|
+
// position: 'absolute',
|
|
123
|
+
// right: 0,
|
|
124
|
+
// top: 0,
|
|
125
|
+
// height: '100%',
|
|
126
|
+
// cursor: 'ew-resize',
|
|
127
|
+
// }}
|
|
128
|
+
// />
|
|
129
|
+
// </th>
|
|
130
|
+
|
|
106
131
|
<th
|
|
107
132
|
style={{ minWidth: `${columnWidth}px`, position: 'relative' }} //Dynamic value, Inline Styling required
|
|
108
133
|
className={classNames('ff-spreadsheet-header', {
|
|
@@ -16,8 +16,7 @@ const CornerIndicator: Types.CornerIndicatorComponent = ({
|
|
|
16
16
|
}, [onSelect]);
|
|
17
17
|
return (
|
|
18
18
|
<th
|
|
19
|
-
|
|
20
|
-
className={classNames('ff-spreadsheet-header', {
|
|
19
|
+
className={classNames('ff-spreadsheet-header ff-spreadsheet-corner-header', {
|
|
21
20
|
'ff-spreadsheet-header--selected': selected,
|
|
22
21
|
})}
|
|
23
22
|
onClick={handleClick}
|
|
@@ -102,7 +102,11 @@ const RowIndicator: Types.RowIndicatorComponent = ({
|
|
|
102
102
|
|
|
103
103
|
return (
|
|
104
104
|
<th
|
|
105
|
-
style={{
|
|
105
|
+
style={{
|
|
106
|
+
height: `${rowHeight}px`,
|
|
107
|
+
minWidth: '60px',
|
|
108
|
+
// position: 'relative',
|
|
109
|
+
}} //Dynamic value, Inline Styling required
|
|
106
110
|
className={classNames('ff-spreadsheet-header', {
|
|
107
111
|
'ff-spreadsheet-header--selected': selected,
|
|
108
112
|
})}
|
|
@@ -91,11 +91,15 @@
|
|
|
91
91
|
background-color: var(--header-background-color);
|
|
92
92
|
color: var(--readonly-text-color);
|
|
93
93
|
text-align: center;
|
|
94
|
-
z-index:
|
|
94
|
+
z-index: 1000;
|
|
95
95
|
font-weight: 500;
|
|
96
96
|
font-size: 12px;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
+
.ff-spreadsheet-corner-header{
|
|
100
|
+
z-index: 1100;
|
|
101
|
+
}
|
|
102
|
+
|
|
99
103
|
.corner_indicator {
|
|
100
104
|
padding-left: 20px;
|
|
101
105
|
}
|