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.

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 videos in grids by using the video column type.
CloseCopy Copied
<zg-column index="videoUrl" type="iframe" alt="missing iframe"></zg-column>
Edit
Download
CloseCopy Copied
CloseCopy Copied
CloseCopy Copied

Google Maps

Set the cell value to the Google Map URL and then set the type as iframe.
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

loadingloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadBgloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloadingloading