Table Column Type List

Edit on GitHub

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

Overview

Table Column List is an Angular Component that provides a list of Table Column components with defined types via the table-column-renderer component and limits their display to 2 by default, while the rest appears in the @spryker/popover component.

Example usage of the Table Column List in the @spryker/table config:

<spy-table [config]="{
    ...,
    columns: [
      ...
      {
        id: 'sku',
        title: 'sku',
        type: 'list',
        typeOptions: {
          limit: 2,
          type: 'text',
          typeOptions: {
            text: '${value}',
          },
        },
      },
      ...
    ]
  }"
>
</spy-table>

Interfaces

Below you can find interfaces for the Table Column List type:

interface TableColumnListConfigInner {
    type?: string;
    typeOptions?: Object;
    typeChildren?: TableColumnListConfigInner[];
}

interface TableColumnListConfig extends TableColumnListConfigInner {
    limit: number; // 2 - by default
}