Skip to content
No description, website, or topics provided.
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
src AG-575 Bring Web Component support up to date Jul 3, 2017 AG-575 Bring Web Component support up to date Jul 4, 2017
package.json Update versions May 15, 2018

Published on

ag-Grid Web Component

This project contains the ag-Grid Web Component

See the for an overview and full documentation.


Simple Grid - Live Demo ↗ Rich Grid - Live Demo ↗

<ag-grid id="myGrid"
         style="height: 140px; width: 350px; display: block;"


Install with Bower

$ bower install ag-grid-webcomponent

Install with Npm

$ npm install ag-grid-webcomponent


<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>ag-Grid Web Component - Simple Example</title>

    <!-- webcomponents polyfill - must be before any wc related javascript is executed -->
    <script src=../../node_modules/@webcomponents/custom-elements/custom-elements.min.js></script>

    <!-- before the ag-grid web component -->
    <!-- either ag-grid or ag-grid-enterprise, depending on which you're using -->
    <script src="../../node_modules/ag-grid/dist/ag-grid.min.js"></script>

    <!-- the ag-grid-webcomponent-->
    <link rel="import" href="../../node_modules/ag-grid-webcomponent/ag-grid.html">

    <!-- the application code -->
    <script src="simple-grid-example.js"></script>
<ag-grid id="myGrid"
         style="height: 140px; width: 350px;"


See the for full working examples of what you can do with ag-Grid and Web Components.

Examples included are:

Simple Grid

Simple Grid

Rich Grid

Rich Grid

You can’t perform that action at this time.