# Grid Info

Canonical page: https://www.adaptabletools.com/docs/ui-settings-panel-grid-info

- The Grid Info Panel gives run-time users an overview of the current Grid
- It is typically the first page in the [Settings Panel](https://www.adaptabletools.com/docs/ui-settings-panel/index.md)

The Grid Info Panel offers full run-time oversight of what is happening in AdapTable.

There is a companion [Column Info Panel](https://www.adaptabletools.com/docs/ui-settings-panel-column-info/index.md) which offers detailed information on each Column

The Grid Info Panel is, typically, the first Panel displayed in the [Settings Panel](https://www.adaptabletools.com/docs/ui-settings-panel/index.md) and contains 4 tabs:

- Summary
- Layout
- State
- Options

- Grid Info can also be opened via the `Grid Info` Menu Item in both the [Column Menu](https://www.adaptabletools.com/docs/ui-column-menu/index.md) and [Context Menu](https://www.adaptabletools.com/docs/ui-context-menu/index.md)
- The 2 Menus have an associated menu item `Column Info` which opens the [Column Info Panel](https://www.adaptabletools.com/docs/ui-settings-panel-column-info/index.md)

## Summary

The Summary tab provides identity and version information about the instance:

- The AdapTable and AG Grid versions being used
- The License Key
- The [Adaptable Id](https://www.adaptabletools.com/docs/getting-started-adaptable-id/index.md), [State Key](https://www.adaptabletools.com/docs/getting-started-adaptable-state-key/index.md), [User Name](https://www.adaptabletools.com/docs/getting-started-user-name/index.md) and [Primary Key](https://www.adaptabletools.com/docs/getting-started-primary-key/index.md) column

You can [hide these entries](https://www.adaptabletools.com/docs/ui-tutorial-hiding-adaptable/index.md#hiding-adaptable-version) by setting `showAdapTableVersion` \ `showAgGridVersion` to _false_ in [User Interface Options](https://www.adaptabletools.com/docs/technical-reference-ui/index.md)

## Layout

The Layout tab provides a snapshot of the current [Layout](https://www.adaptabletools.com/docs/handbook-layouts/index.md):

- Current Layout name and Layout Type (Table or Pivot)
- Row Groups, and Pivot Columns when the Layout is Pivot
- Which [Column Filters](https://www.adaptabletools.com/docs/handbook-column-filter/index.md) are applied
- If a [Grid Filter](https://www.adaptabletools.com/docs/handbook-grid-filter/index.md) is applied
- Which [Column Sorts](https://www.adaptabletools.com/docs/handbook-custom-sorting/index.md) are active
- Row information - including counts of total, visible and selected rows
- Column information - counts of total and visible columns
- Special Column Information - any [Calculated](https://www.adaptabletools.com/docs/handbook-calculated-column/index.md) or [FreeText](https://www.adaptabletools.com/docs/handbook-freetext-column/index.md) or [Action](https://www.adaptabletools.com/docs/handbook-action-column/index.md) Columns

## State

This section provides information about every [Adaptable Object](https://www.adaptabletools.com/docs/dev-guide-adaptable-state-initial-state/index.md#adaptable-objects) which has been created.

It also contains buttons to edit / delete these Objects via the relevant wizard.

**Example: Grid Info Panel**

Using Grid Info to get overview of all AdapTable objects

- This demo illustrates the Grid Info section of the Settings Panel

Demo project (Vanilla); the files without a marker are shown below:

```text
src/
  adaptableOptions.ts
  agGridModules.ts     [template]
  columnDefs.ts        [template]
  gridOptions.ts       [template]
  index.ts             [template]
  onAdaptableReady.ts
  rowData.ts           [template]
  styles.css           [template]
index.html             [template]
package.json           [template]
tsconfig.json          [template]
```

Files marked `[template]` are the same in every demo; see the [demo template](https://www.adaptabletools.com/llms/demo-template.md#vanilla).

**`src/adaptableOptions.ts`**

```ts
import {AdaptableOptions} from '@adaptabletools/adaptable';
import {WebFramework} from './rowData';

export const adaptableOptions: AdaptableOptions<WebFramework> = {
  primaryKey: 'id',
  adaptableId: 'Grid Info',
  initialState: {
    Theme: {CurrentTheme: 'dark'},
    Layout: {
      CurrentLayout: 'Standard Layout',
      Layouts: [
        {
          TableColumns: [
            'name',
            'language',
            'github_stars',
            'license',
            'has_projects',
            'has_pages',
            'created_at',
            'has_wiki',
            'updated_at',
            'pushed_at',
            'github_watchers',
            'week_issue_change',
          ],
          Name: 'Standard Layout',
          AutoSizeColumns: true,
        },
      ],
    },
  },
};
```

**`src/onAdaptableReady.ts`**

```ts
import {AdaptableReadyInfo} from '@adaptabletools/adaptable';

export const onAdaptableReady = ({adaptableApi}: AdaptableReadyInfo) => {
  adaptableApi.gridApi.openGridInfoSettingsPanel();
};
```

## Options

The Options tab provides full - readonly - details of every property in [Adaptable Options](https://www.adaptabletools.com/docs/technical-reference-adaptable-options/index.md).

The properties are displayed according to type.

It shows all the current property values, whether set as defaults by AdapTable or overridden by the User.

### FAQ

**Can I use Grid Info to change the Column's Data Source?**
No, that is not possible.