IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Shared: TableHeader: fix table after adding dynamic index column

Browse Source
This commit is contained in:
Dmitry Sychugov 2024-06-24 15:21:44 +05:00
parent ef264c7755
commit 1b0425216c
1 changed files with 5 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/shared/components/table/TableHeader.tsx
View File

@ -483,16 +483,9 @@ class TableHeader extends React.Component<
tableInfoPanelContainer.forEach((item, index) => {
const column = document.getElementById(`column_${index}`);
const isSettingColumn =
Number(index) === tableInfoPanelContainer.length - 1;
const isQuickButtonColumn =
Number(index) === tableInfoPanelContainer.length - 2;
if (isIndexEditingMode && isSettingColumn) {
gridTemplateColumns.push("75px");
}
if (isIndexEditingMode && isQuickButtonColumn) {
gridTemplateColumns.push("24px");
}
@ -692,15 +685,14 @@ class TableHeader extends React.Component<
getSubstring(gridTemplateColumns[+index - colIndex]) +
getSubstring(item)
}px`;
} else if (isSettingColumn && !isIndexEditingMode) {
gridTemplateColumns.push(`${settingsSize}px`);
} else if (isSettingColumn) {
let newSettingsSize = isIndexEditingMode ? 75 : settingsSize;
gridTemplateColumns.push(`${newSettingsSize}px`);
} else if (shortColumSize) {
gridTemplateColumns.push(`${shortColumSize}px`);
} else if (item !== `${settingsSize}px` || isIndexEditingMode) {
} else if (item !== `${settingsSize}px`) {
const percent = (getSubstring(item) / oldWidth) * 100;
let newSettingsSize = isIndexEditingMode ? 0 : settingsSize;
if (percent === 100) {
const enableColumnsLength = columns.filter(
(column) => !column.defaultSize && column.enable,
@ -719,7 +711,7 @@ class TableHeader extends React.Component<
: percent === 0
? `${defaultMinColumnSize}px`
: `${
((containerWidth - defaultSize - newSettingsSize) *
((containerWidth - defaultSize - settingsSize) *
percent) /
100
}px`;
@ -743,14 +735,6 @@ class TableHeader extends React.Component<
newItemWidth = `${defaultMinColumnSize}px`;
}
if (isIndexEditingMode && isSettingColumn) {
newItemWidth = "75px";
}
if (isIndexEditingMode && isQuickButtonColumn) {
newItemWidth = `24px`;
}
gridTemplateColumns.push(newItemWidth);
} else {
gridTemplateColumns.push(item);