Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / grid / paging.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
5 <title>Paging Grid Example</title>
6
7     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
8     <link rel="stylesheet" type="text/css" href="../shared/example.css" />
9     
10     <script type="text/javascript" src="../../bootstrap.js"></script>
11     <script type="text/javascript" src="paging.js"></script>
12     <style>
13         .x-grid-cell-topic b {
14             display: block;
15         }
16         .x-grid-cell-topic .x-grid-cell-inner {
17             white-space: normal;
18         }
19         .x-grid-cell-topic a {
20             color: #385F95;
21             text-decoration: none;
22         }
23         .x-grid-cell-topic a:hover {
24             text-decoration:underline;
25         }
26                 .x-grid-cell-topic .x-grid-cell-innerf {
27                         padding: 5px;
28                 }
29                 .x-grid-rowbody {
30                 padding: 0 5px 5px 5px; 
31                 }
32     </style>
33 </head>
34 <body>
35     <h1>Paging Grid Example</h1>
36     <p>This example shows how to create a grid with paging. This grid uses a Ext.data.proxy.JsonP proxy
37        to fetch cross-domain remote data (from the Ext forums).</p>
38     <p>Note that the js is not minified so it is readable. See <a href="paging.js">paging.js</a>.</p>
39     <div id="topic-grid"></div>
40 </body>
41 </html>