mchus/turborfq
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Теперь заголовок и ячейки столбца с чекбоксами должны иметь одинаковую ширину (40px) и одинаковый padding (4px), что устраняет несоответствие.

Browse Source
This commit is contained in:
Michael Chus
2026-01-21 22:18:22 +03:00
parent 05c62440b3
commit edf2bdbcce
2 changed files with 37 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
public/app.js
View File

@@ -634,15 +634,39 @@ async function selectTable(schema, tableName) {
});
if (checkboxColumn) {
// Принудительно устанавливаем ширину
// Принудительно устанавливаем ширину для столбца
const element = checkboxColumn.getElement();
if (element) {
element.style.width = '40px';
element.style.minWidth = '40px';
element.style.maxWidth = '40px';
element.style.flex = '0 0 40px';
element.style.padding = '0';
element.style.boxSizing = 'border-box';
}
// ✅ Также устанавливаем ширину для ячейки заголовка
setTimeout(() => {
const headerCell = element?.querySelector('.tabulator-cell');
if (headerCell) {
headerCell.style.width = '40px';
headerCell.style.minWidth = '40px';
headerCell.style.maxWidth = '40px';
headerCell.style.padding = '4px';
headerCell.style.boxSizing = 'border-box';
}
// ✅ Устанавливаем ширину для всех ячеек данных в этом столбце
const dataCells = document.querySelectorAll('.tabulator-row .tabulator-cell:first-child');
dataCells.forEach(cell => {
cell.style.width = '40px';
cell.style.minWidth = '40px';
cell.style.maxWidth = '40px';
cell.style.padding = '4px';
cell.style.boxSizing = 'border-box';
});
}, 50);
console.log('✅ Ширина столбца чекбоксов зафиксирована');
}
});

18
public/index.html
View File

@@ -247,25 +247,30 @@
}
/* ✅ ИСКЛЮЧЕНИЕ: столбец с чекбоксами - фиксированная ширина */
/* Таргетируем столбец rowSelection по всем возможным селекторам */
.tabulator-col.tabulator-row-handle,
.tabulator-col[tabulator-field=""] {
.tabulator-col[tabulator-field=""],
.tabulator-col:first-child {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
}
/* ✅ Заголовок столбца с чекбоксами */
/* ✅ Заголовок столбца с чекбоксами - убираем лишний padding */
.tabulator-header .tabulator-col.tabulator-row-handle,
.tabulator-header .tabulator-col[tabulator-field=""] {
.tabulator-header .tabulator-col[tabulator-field=""],
.tabulator-header .tabulator-col:first-child {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
flex: 0 0 40px !important;
padding: 0 !important;
}
/* ✅ Ячейки заголовка столбца с чекбоксами */
/* ✅ Ячейки заголовка столбца с чекбоксами - одинаковый padding с ячейками */
.tabulator-header .tabulator-cell.tabulator-row-handle,
.tabulator-header .tabulator-cell[tabulator-field=""] {
.tabulator-header .tabulator-cell[tabulator-field=""],
.tabulator-header .tabulator-cell:first-child {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
@@ -274,7 +279,8 @@
}
/* ✅ Ячейки столбца с чекбоксами */
.tabulator-cell[tabulator-field=""] {
.tabulator-cell[tabulator-field=""],
.tabulator-row .tabulator-cell:first-child {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;