---
id: "packages/active-grid/api/settings"
title: "Settings"
description: "ColumnBorderMode, GridFooterConfig, GridHeaderConfig, GridHeaderMenuConfig and 4 more: generated from the source of active-grid."
url: "/packages/active-grid/api/settings"
locale: "en"
revision: "g0mvjxwj5c-88bdbe1c:settings"
---

# Settings

Exported by `@workspace/active-grid`. Generated from the package source; part of [the index of every export](/packages/active-grid/api).

## Functions, hooks and constants

**resolveColumnBorderMode**: `(value: boolean \| "none" \| "partial" \| "full" \| undefined) => ColumnBorderMode`

**Internal.** Normalize `showColumnBorders` (boolean | string) to a `ColumnBorderMode`.
Used internally by the grid layout; exported for theme/preset authors.

## Types

**ColumnBorderMode**

```ts
type ColumnBorderMode = 'none' | 'partial' | 'full';
```

**GridFooterConfig**

```ts
interface GridFooterConfig {
  className?: string;
  cellClassName?: string;
}
```

Configuration for the Sticky Footer (Aggregations).

**GridHeaderConfig**

```ts
interface GridHeaderConfig {
  filterRowClassName?: string;
  menuPosition?: 'left' | 'right';
  showMenuOnHover?: boolean;
  showFilterIcon?: boolean;
  showColumnSeparators?: boolean;
}
```

Configuration for the Grid Header.

**GridHeaderMenuConfig**

```ts
interface GridHeaderMenuConfig {
  enabled?: boolean;
  showLabels?: boolean;
  className?: string;
  itemClassName?: string;
  separatorClassName?: string;
  features?: {
    sort?: boolean;
    pin?: boolean;
    resize?: boolean;
    visibility?: boolean;
    reset?: boolean;
    grouping?: boolean;
  };
}
```

Configuration for the Header Menu (the 3 dots per column).

**GridPaginationStyleConfig**

```ts
interface GridPaginationStyleConfig {
  containerClassName?: string;
}
```

Configuration for the Pagination Bar.

**GridRowMenuConfig**

```ts
interface GridRowMenuConfig {
  enabled?: boolean;
  className?: string;
  itemClassName?: string;
  separatorClassName?: string;
  subContentClassName?: string;
  features?: {
    copy?: boolean;
    export?: boolean;
    reset?: boolean;
  };
}
```

Configuration for the Row Context Menu (Right-click).

**GridSettings**

```ts
interface GridSettings<TData = DefaultRowData> {
  rowHeight?: number;
  headerHeight?: number;
  groupHeaderHeight?: number;
  filterBarHeight?: number;
  showFilterRow?: boolean;
  paginationHeight?: number;
  stripedRows?: boolean;
  stripeClassName?: string;
  showColumnBorders?: boolean | 'none' | 'partial' | 'full';
  autoSizeMaxBodyWidth?: number;
  disableHoverEffect?: boolean;
  noDataMessage?: string;
  noDataOverlay?: React.ReactNode;
  rowClassRules?: Record<string, (data: TData) => boolean>;
  footer?: GridFooterConfig;
  header?: GridHeaderConfig;
  pagination?: GridPaginationStyleConfig;
}
```