---
title: "Guides"
url: https://www.zinggrid.com/docs/guides
---

```text
experiment_id: web-retrieval-v1
fixture_id: /docs/guides.md
mode: provenance
representation: markdown
origin_response_id: dd2d21c42b39ec4b0112ec93ed2c2a3f
version: 2026-10-21
version_created_at_utc: 2026-10-21T20:42:35.719Z
version_nonce: 1f4995ae5eebcc7c08f81bc83e759261
generated_at_utc: 2026-10-31T01:12:53.113Z
response_nonce: c848f52a4ec9b57b273548055dcf2e0b
```

# ZingGrid Guides

-   [Data Types](https://www.zinggrid.com/docs/guides/data-types)

    Explore how your data should be structured for use in ZingGrid

-   [Attribute vs Element](https://www.zinggrid.com/docs/guides/attribute-vs-element)

    Learn the differences between ZingGrid attributes and elements

-   [Column](https://www.zinggrid.com/docs/guides/column)

    Dive deeper into every column type ZingGrid has built in

-   [Component Basics](https://www.zinggrid.com/docs/guides/component-basics)

    Learn how to use the ZingGrid component

-   [Customizing Your Endpoints](https://www.zinggrid.com/docs/guides/customizing-your-endpoints)

    How to use `zg-param` to customize your data endpoints

-   [HTML Templates](https://www.zinggrid.com/docs/guides/html-templates)

    Explore how ZingGrid uses `<template>` to customize grid cells

-   [Mobile First Grids](https://www.zinggrid.com/docs/guides/mobile-first-grids)

    Create a grid with your mobile users in mind

-   [Object Basics](https://www.zinggrid.com/docs/guides/object-basics)

    Learn how to create a ZingGrid using JavaScript

-   [Using CSS](https://www.zinggrid.com/docs/guides/using-css)

    Use our built in CSS variables to style your grid

-   [Using JavaScript](https://www.zinggrid.com/docs/guides/using-javascript)

    Use JavaScript to programmatically manipulate your grid.