table-feature-title.md

title	description	template	last_updated	redirect_from	related
Table Feature Title	This document provides details about the Table Feature Title component in the Components Library.	concept-topic-template	Aug 2, 2023	/docs/marketplace/dev/front-end/202212.0/table-design/table-features/table-feature-title.html /docs/scos/dev/front-end-development/202307.0/marketplace/table-design/table-feature-extension/table-feature-title.html	title link Table Feature extension docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-extension.html title link Table Feature Batch Actions docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-batch-actions.html title link Table Feature Editable docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-editable.html title link Table Feature Pagination docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-pagination.html title link Table Feature Row Actions docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-row-actions.html title link Table Feature Search docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-search.html title link Table Feature Selectable docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-selectable.html title link Table Feature Settings docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-settings.html title link Table Feature Sync State docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-sync-state.html title link Table Feature Total docs/dg/dev/frontend-development/page.version/marketplace/table-design/table-feature-extension/table-feature-total.html

This document explains the Table Feature Title component in the Components Library.

Overview

Table Feature Title is a feature of the Table Component that renders the title of the table.

Check out an example usage of the Table Feature Title in the @spryker/table config.

Component configuration:

• enabled—enables the feature via config.
• title—a table title text.

<spy-table
    [config]="{
        dataSource: { ... },
        columns: [ ... ],
        title: {
            enabled: true,
            title: 'Table title',
        },                                                                                           
    }"
>
</spy-table>

Component registration

Register the component:

declare module '@spryker/table' {
    interface TableConfig {
        title?: TableTitleConfig;
    }
}

@NgModule({
    imports: [
        TableModule.forRoot(),
        TableModule.withFeatures({
            title: () =>
                import('@spryker/table.feature.title').then(
                    (m) => m.TableTitleFeatureModule,
                ),
        }),
    ],
})
export class RootModule {}

// Via HTML
@NgModule({
    imports: [
        TableModule.forRoot(),
        TableTitleFeatureModule,
    ],
})
export class RootModule {}

<spy-table [config]="config">
    <spy-table-title-feature spy-table-feature></spy-table-title-feature>
</spy-table>

Interfaces

Below you can find interfaces for the Table Feature Title:

export interface TableTitleConfig extends TableFeatureConfig {
    title?: string;
}