• Edit
  • Download
  • <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="utf-8">
        <title>ZingGrid Demo</title>
        <script src="https://cdn.zinggrid.com/dev/zinggrid-dev.min.js" defer></script>
        <style>
            html,
            body {
                height: 100%;
                width: 100%;
                margin: 0;
                padding: 0;
            }
    
            zing-grid[loading] {
                height: 2573px;
            }
        </style>
    </head>
    
    <body>
    
        <!--
    	  <zing-grid pager>
    	    <zg-data adapter="firebase" src="https://zinggrid-examples.firebaseio.com/movies/">
          	<zg-param name="loadByScroll" value="true"></zg-param>
            <zg-param name="sortBy" value='"director"'></zg-param>
    			</zg-data>
    	  </zing-grid>
        -->
    
        <zing-grid pager src="https://zinggrid-examples.firebaseio.com/movies/"></zing-grid>
    
        <script></script>
    </body>
    
    </html>
    <!DOCTYPE html>
    <html>
    	<head>
        <meta charset="utf-8">
        <title>ZingGrid Demo</title>
    		<script src="https://cdn.zinggrid.com/dev/zinggrid-dev.min.js" defer></script>
    	</head>
    	<body>
        
        <!--
    	  <zing-grid pager>
    	    <zg-data adapter="firebase" src="https://zinggrid-examples.firebaseio.com/movies/">
          	<zg-param name="loadByScroll" value="true"></zg-param>
            <zg-param name="sortBy" value='"director"'></zg-param>
    			</zg-data>
    	  </zing-grid>
        -->
    
        <zing-grid 
          pager
          src="https://zinggrid-examples.firebaseio.com/movies/"
        ></zing-grid>
    
      </body>
    </html>
    html, body {
    	height:100%;
    	width:100%;
    	margin:0;
    	padding:0;
    }