fix(web): уплотнить таблицу агентов — fill вместо pin
Build and Push EvoFirewall Docker Image / build-and-push (push) Successful in 1m42s
Build and Push EvoFirewall Docker Image / create-release (push) Skipped

Убрано right-pin (тёмный блок и разрыв), лишняя ширина уходит в fill-колонку ReUI DataGrid.

Co-authored-by: Cursor <[email protected]>
This commit is contained in:
Denozordec
2026-07-22 02:01:52 +07:00
co-authored by Cursor
parent 817f0af191
commit a6eb21a10d
2 changed files with 8 additions and 6 deletions
@@ -249,6 +249,9 @@ export function ResourcePage<T extends object>({
enableColumnPinning: Boolean( enableColumnPinning: Boolean(
tableLayout.columnsPinnable || columnPinningProp, tableLayout.columnsPinnable || columnPinningProp,
), ),
// tableLayout.columnsResizable включает fill-колонку (лишняя ширина),
// без drag-handles — enableColumnResizing остаётся false.
enableColumnResizing: false,
onSortingChange: setSorting, onSortingChange: setSorting,
onRowSelectionChange: setRowSelection, onRowSelectionChange: setRowSelection,
onPaginationChange: setPagination, onPaginationChange: setPagination,
+5 -6
View File
@@ -279,9 +279,9 @@ function AgentsPage() {
() => [ () => [
{ {
accessorKey: 'name', accessorKey: 'name',
size: 220, size: 280,
minSize: 160, minSize: 180,
maxSize: 320, maxSize: 480,
header: ({ column }) => ( header: ({ column }) => (
<DataGridColumnHeader column={column} title="Имя" /> <DataGridColumnHeader column={column} title="Имя" />
), ),
@@ -473,7 +473,7 @@ function AgentsPage() {
minSize: 108, minSize: 108,
maxSize: 108, maxSize: 108,
enableSorting: false, enableSorting: false,
enablePinning: true, enableResizing: false,
header: () => <span className="sr-only">Действия</span>, header: () => <span className="sr-only">Действия</span>,
cell: ({ row }) => { cell: ({ row }) => {
const a = row.original const a = row.original
@@ -606,8 +606,7 @@ function AgentsPage() {
onSearchChange={setSearchQuery} onSearchChange={setSearchQuery}
searchPlaceholder="Поиск агентов…" searchPlaceholder="Поиск агентов…"
getSearchText={getSearchText} getSearchText={getSearchText}
tableLayout={{ columnsPinnable: true, width: 'fixed' }} tableLayout={{ width: 'fixed', columnsResizable: true }}
columnPinning={{ right: ['actions'] }}
onRowClick={(row) => onRowClick={(row) =>
void navigate({ to: '/agents/$id', params: { id: row.id } }) void navigate({ to: '/agents/$id', params: { id: row.id } })
} }