Table Column Type Image

Edit on GitHub
You are browsing a previous version of the document. The latest version is 202212.0.

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


Table Column Image is an Angular Component that renders an image.

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

        columns: [
                id: 'columnId',
                title: 'Column Title',
                type: 'image',
                typeOptions: {
                    src: 'image URL',
                    alt: 'alt value',

Component registration

Register the component:

declare module '@spryker/table' {
    interface TableColumnTypeRegistry {
        image: TableColumnImageConfig;

    imports: [
            image: TableColumnImageComponent,
export class RootModule {}


Below you can find interfaces for the Table Column Image:

interface TableColumnImageConfig {
    src?: string;
    alt?: string;