Skip to content

Commit abb0a50

Browse files
💄 - style: set fixed column sizes
1 parent 00e654a commit abb0a50

File tree

3 files changed

+18
-5
lines changed

3 files changed

+18
-5
lines changed

frontend/package-lock.json

+4-4
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

frontend/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"version": "0.1.0",
44
"private": true,
55
"dependencies": {
6-
"@maykin-ui/admin-ui": "^0.0.15",
6+
"@maykin-ui/admin-ui": "^0.0.16",
77
"@storybook/test-runner": "^0.18.2",
88
"@testing-library/jest-dom": "^5.17.0",
99
"@testing-library/react": "^13.4.0",

frontend/src/pages/destructionlist/hooks.ts

+13
Original file line numberDiff line numberDiff line change
@@ -198,6 +198,7 @@ export function useDataGridProps(
198198
};
199199
},
200200
sort: searchParams.get("ordering") || true, // fixme
201+
tableLayout: "fixed",
201202
onPageChange,
202203
onFieldsChange,
203204
onFilter,
@@ -229,6 +230,7 @@ export function getFields(
229230
filterLookup: "identificatie__icontains",
230231
filterValue: searchParams.get("identificatie__icontains") || "",
231232
type: "string",
233+
width: "300px",
232234
},
233235
{
234236
name: "archiefnominatie",
@@ -237,6 +239,7 @@ export function getFields(
237239
{ label: "Blijvend bewaren", value: "blijvend_bewaren" },
238240
{ label: "Vernietigen", value: "vernietigen" },
239241
],
242+
width: "180px",
240243
},
241244
{
242245
name: "resultaat",
@@ -246,14 +249,17 @@ export function getFields(
246249
"",
247250
valueLookup: "_expand.resultaat._expand.resultaattype.omschrijving",
248251
type: "string",
252+
width: "180px",
249253
},
250254
{
251255
name: "startdatum",
252256
type: "daterange",
257+
width: "150px",
253258
},
254259
{
255260
name: "einddatum",
256261
type: "daterange",
262+
width: "150px",
257263
},
258264
{
259265
name: "zaaktype",
@@ -262,18 +268,21 @@ export function getFields(
262268
valueLookup: "_expand.zaaktype.omschrijving",
263269
options: zaaktypeChoices,
264270
type: "string",
271+
width: "300px",
265272
},
266273
{
267274
name: "omschrijving",
268275
filterLookup: "omschrijving__icontains",
269276
filterValue: searchParams.get("omschrijving__icontains") || "",
270277
type: "string",
278+
width: "300px",
271279
},
272280
{
273281
active: false,
274282
name: "toelichting",
275283
type: "string",
276284
filterLookup: "toelichting__icontains",
285+
width: "300px",
277286
},
278287
{
279288
name: "Behandelend afdeling",
@@ -299,21 +308,25 @@ export function getFields(
299308
});
300309
return behandelendAfdeling.join(", ");
301310
},
311+
width: "180px",
302312
},
303313
{
304314
name: "archiefactiedatum",
305315
type: "daterange",
316+
width: "130px",
306317
},
307318
{
308319
active: false,
309320
name: "selectielijstklasse",
310321
type: "string",
311322
// filterLookup: // TODO: Expand?
323+
width: "180px",
312324
},
313325
{
314326
name: "hoofdzaak",
315327
type: "string",
316328
// valueLookup: // TODO: Expand?
329+
width: "180px",
317330
},
318331
{
319332
active: false,

0 commit comments

Comments
 (0)