Kolumntyp clearingnummer i tabell
Innehåll
Använd clearingnummer (text:clearingNumber) för inmatning och visning av clearingnummer i en tabell.
Clearingnummer följer samma validering, formatering och parsning som det specialiserade inmatningsfältet clearingnummer.
import { defineTableColumns } from "@fkui/vue";
const columns = defineTableColumns<Record<string, string>>([
{
type: "text:clearingNumber",
header: "Clearingnummer",
key: "clearingNumber",
editable: true,
},
]);
Parametrar
description?: string | Readonly<Ref<string | null>>;Optional-
Format description (shown in header)
enabled?: MaybeRef<boolean>;Optional-
When enabled, the column is rendered. Set to
falseto hide the column and its cells. Default:true. header: string | Readonly<Ref<string>>;-
Column header
size?: TableColumnSize | Readonly<Ref<TableColumnSize | null>>;Optional-
Column size, can be one of:
"grow": the column occupies as much space as it can."shrink": the column occupies as little space as it can.
Default:
"grow". sort?: boolean;Optional-
‐
align?: "left" | "right";Optional-
Set the alignment of the cells. Default:
"left" attributes?: Record<string, string | number | boolean | undefined> | ((this: void, row: T) => Record<string, string | number | boolean | undefined>);Optional-
Arbitrary attributes passed to input field
editable?: boolean | ((this: void, row: T) => boolean);Optional-
When enabled, the cells are editable. Default:
false formatter?(this: void, value: string): string | undefined;Optional-
‐
key?: K;Optional-
‐
label?(this: void, row: T): string;Optional-
Screenreader text for input field
parser?(this: void, value: string): string | undefined;Optional-
‐
tnum?: boolean;Optional-
When enabled, the cells are rendered with tabular numbers
type: InputTypeText;-
Column type (
textor a specialized field such astext:dateortext:number) update?(this: void, row: T, newValue: string, oldValue: string): void;Optional-
‐
validation?: ValidatorConfigs;Optional-
‐
value?(this: void, row: T): string;Optional-
‐