← DataGrid API

Interface · v2.6.0

NgbTableOptions

Bootstrap table presentation options plus caption, responsive wrapper, and sticky flags.

Import

import type { NgbTableOptions } from '@angular-bootstrap/ngbootstrap';

Declaration

interface NgbTableOptions

Properties

stripedRows

stripedRows?: boolean

stripedColumns

stripedColumns?: boolean

hoverRows

hoverRows?: boolean

activeRows

activeRows?: boolean

bordered

bordered?: boolean

borderless

borderless?: boolean

small

small?: boolean

groupDividers

groupDividers?: boolean

align

align?: 'top' | 'middle' | 'bottom'

caption

caption?: string

captionSide

captionSide?: 'top' | 'bottom'

responsive

responsive?: NgbTableResponsive

stickyRows

stickyRows?: boolean

density

density?: 'comfortable' | 'compact'

stacked

stacked?: boolean

stackedLayout

`list` = single-column cards; `cards` = multi-column card rows (use `stackedGroup` on columns).

stackedLayout?: 'list' | 'cards'

zebraStripes

Alternating row backgrounds in the table body (Figma patient grid).

zebraStripes?: boolean

Referenced types

Source: src/datagrid/src/datagrid/datagrid.component.ts in the installed @angular-bootstrap/ngbootstrap package. Angular compiler metadata and private members are omitted.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.