features
Menu
Menu

Media Types

ZingGrid has defined column types for iframes and images, which you can use to add a wide variety of character to your grids.

On This Page

Images

You can display images in grids by using the image column type.
CloseCopy Copied
<zg-column index="imageUrl" type="image"></zg-column>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Gifs

You can display gifs in grids by using the image column type.
CloseCopy Copied
<zg-column index="imageUrl" type="image" alt="N/A" width="300px"></zg-column>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Video

You can display YouTube videos in grids by using the iframe column type.
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Google Maps

You can add the cell-class attribute to the <zing-grid> or <zg-column> elements.

Adding the attribute to the <zing-grid> tag applies the class globally, meaning that function will run for EVERY cell.

Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Many More!

These column types offer a lot of flexibility for your grids. If you don't see your preferred media type here, let us know and we'll add an example for you!

Related Resources

Join the Community

Support, extra demos, pre-releases and more

loadingloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloading