ag-grid/docs/showExample.html

Advanced Javascript Datagrid. Supports raw Javascript, AngularJS 1.x, AngularJS 2.0 and Web Components

<div class="bs-example bs-example-tabs" style="margin-top: 20px">
    <ul class="nav nav-tabs">
        <a href="{{source}}" target="_blank" style="float: right;">open example in new tab</a>
        <li ng-class="{active: selectedTab=='example'}"><a ng-click="selectedTab='example'">Example</a></li>
        <li ng-class="{active: selectedTab=='html'}"><a ng-click="selectedTab='html'">Html</a></li>
        <li ng-class="{active: selectedTab=='javascript'}"><a ng-click="selectedTab='javascript'">Javascript</a></li>
        <li ng-repeat="extraPage in extraPages" ng-class="{active: isActive(extraPage)}"><a ng-click="setActive(extraPage)">{{extraPage}}</a></li>
    </ul>

    <div class="tab-pane" ng-show="selectedTab=='example'">
        <iframe frameBorder="0" style="width: 820px;" ng-style="iframeStyle" ng-if="source" ng-src="{{source}}"></iframe>
    </div>
    <div class="tab-pane" ng-show="selectedTab=='html'" style="height: 500px; overflow: auto;">
        <pre><code>{{html}}</code></pre>
    </div>
    <div class="tab-pane" ng-show="selectedTab=='javascript'" style="height: 500px; overflow: auto;">
        <pre><code>{{javascript}}</code></pre>
    </div>
    <div ng-repeat="extraPage in extraPages" class="tab-pane" ng-show="isActive(extraPage)" style="height: 500px; overflow: auto;">
        <pre><code>{{extraPageContent[extraPage]}}</code></pre>
    </div>

</div>