---
title: "ZingGrid Web Component: `<zg-table>` | Docs"
description: "View our in depth tutorial covering the web component `<zg-table>` tag and the associated features for the JavaScript grid."
url: https://www.zinggrid.com/docs/api/tags/zg-table
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/api/tags/zg-table.md
mode: provenance
representation: markdown
origin_response_id: d58e44d73ef5c4a0a962f68ca891cd09
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.653Z
version_nonce: 3fc0b6beb31f34ff97569cf988252b75
generated_at_utc: 2026-11-09T16:15:17.538Z
response_nonce: 8b4ede61173f3ed0786d79ea1101141c
```

# `<zg-table>`

[Interactive Storybook Playground](https://storybook.zinggrid.com/?path=/docs/components-zg-table--docs)

The `<zg-table>` tag is created dynamically by the ZingGrid library and **should not be manually added by the developer**. It replicates the `<table>` functionality of the grid. It contains `<zg-head>`, `<zg-body>`, `<zg-foot>`, and `<zg-colgroup>`.

![Image of the DOM relationship for the zg-table web component tag](https://storage.googleapis.com/zinggrid-pwa.appspot.com/components/v2/zg-table-web-component-dom.png "Image of the DOM relationship for the zg-table web component tag")

#### Related Web Components

- [`<zg-body>`](https://www.zinggrid.com/docs/api/tags/zg-body/)
- [`<zg-foot>`](https://www.zinggrid.com/docs/api/tags/zg-foot/)
- [`<zg-head>`](https://www.zinggrid.com/docs/api/tags/zg-head/)

| Component | Relationship | Type | Ancestor |
| --- | --- | --- | --- |
| [ZingGrid](https://www.zinggrid.com/docs/api/tags/zing-grid) | Parent | Generated | n/a |
| [ZGBody](https://www.zinggrid.com/docs/api/tags/zg-body) | Child | Generated | n/a |
| [ZGEditorRow](https://www.zinggrid.com/docs/api/tags/zg-editor-row) | Child | Generated | n/a |
| [ZGFocus](https://www.zinggrid.com/docs/api/tags/zg-focus) | Child | Generated | n/a |
| [ZGFoot](https://www.zinggrid.com/docs/api/tags/zg-foot) | Child | Generated | n/a |
| [ZGHead](https://www.zinggrid.com/docs/api/tags/zg-head) | Child | Generated | n/a |
| [ZGNoData](https://www.zinggrid.com/docs/api/tags/zg-no-data) | Child | Generated | n/a |
| [ZGSelectorMask](https://www.zinggrid.com/docs/api/tags/zg-selector-mask) | Child | Generated | n/a |

## Attributes

There are no attributes available for the `<zg-table>` web component.

## CSS Variables

There are no CSS variables available for the `<zg-table>` web component.

## Slots

There are no slots available for the `<zg-table>` web component.