Table Column Type Input

Edit on GitHub

This document explains the Table Column Type Input in the Components library.


Table Column Input is an Angular Component that renders a field using the @spryker/input component.

Check out an example usage of the Table Column Input in the @spryker/table config:

        columns: [
                id: 'columnId',
                title: 'Column Title',
                type: 'input',
                typeOptions: {
                    type: 'number',
                    attrs: {
                        step: 0.05,

Component registration

Register the component:

declare module '@spryker/table' {
    interface TableColumnTypeRegistry {
        input: TableColumnInputConfig;

    imports: [
            input: TableColumnInputComponent,
export class RootModule {}


Below you can find interfaces for the Table Column Input:

interface TableColumnInputConfig {
    /** Bound to the @spryker/input inputs */
    type: string; // 'text' - by default
    value?: any;
    placeholder: string;
    prefix?: string;
    suffix?: string;
    outerPrefix?: string;
    outerSuffix?: string;
    attrs?: Record<string, string>;
    /** Bound to the @spryker/form-item input */
    editableError?: string | boolean;