Ext JS JavaScript DHTML




Hello World Window





#the-table { border:1px solid #bbb;border-collapse:collapse; }
#the-table td,#the-table th { border:1px solid #ccc;border-collapse:collapse;padding:5px; }
      





/*!
 * Ext JS Library 3.0.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){
    var btn = Ext.get("create-grid");
    btn.on("click", function(){
        btn.dom.disabled = true;
        
        // create the grid
        var grid = new Ext.ux.grid.TableGrid("the-table", {
            stripeRows: true // stripe alternate rows
        });
        grid.render();
    }, false, {
        single: true
    }); // run once
});
 
Create grid



        
            
                Name
                Age
                Sex
            
        
        
            
                Barney Rubble
                32
                Male
            
            
                Fred Flintstone
                33
                Male
            
            
                Betty Rubble
                32
                Female
            
            
                Pebbles
                1
                Female
            
            
                Bamm Bamm
                2
                Male