Ext's Grid

1

varcolumns = [NewExt.ux.grid.CCRowNumberer ({width:40}), {header:' Rank ', Dataindex:' ID ', Width:40}, {header:Name, Dataindex:' Name ', Width:40}, {header:' Business type ', Dataindex:' Yewu '}, {header:' Project name ', Dataindex:' Xiangmu '}, {header:' Send Channel ', Dataindex:' Qudao '}, {header:' Earn Points ', Dataindex:' Point ', sortable:true,}, {header:' Time range ', Dataindex:' Date '}, {header:' Work number ', Dataindex:' No '}, {header:' Business lines ', Dataindex:' Tiaoxian '}, {header:"Center of Ownership", Dataindex:' Zhongxin '}, {header:' Affiliated departments ', Dataindex:' Keshi '}, {header:' Owning business group ', Dataindex:' Zu '    } ]; vardata = [            [ ' 1 ', ' Zhang San ', ' service ', ' Quota guide ', ' Pocket life ', 12, ' 2015/01/01-2015/06/06 ',                    ' 9527 ', ' Weibo/high-end/receipt ', ' Shanghai Customer Service ', ' Kimpka five rooms ', ' xxx group ' ],            [ ' 2 ', ' John Doe ', ' service ', ' Quota guide ', ' Pocket life ', 34, ' 2015/01/01-2015/06/06 ',                    ' 9527 ', ' Weibo/high-end/receipt ', ' Shanghai Customer Service ', ' Kimpka five rooms ', ' xxx group ' ],            [ ' 3 ', ' Jack ', ' marketing ', ' Quota guide ', ' Pocket life ', 38, ' 2015/01/01-2015/06/06 ',                    ' 9527 ', ' Weibo/high-end/receipt ', ' Shanghai Customer Service ', ' Kimpka five rooms ', ' xxx group ' ],            [ ' 4 ', ' Rose ', ' marketing ', ' Quota guide ', ' pocket life ', 40, ' 2015/01/01-2015/06/06 ',                    ' 9527 ', ' Weibo/high-end/receipt ', ' Shanghai Customer Service ', ' Kimpka five rooms ', ' xxx group ' ]    ]; varstore =NewExt.data.ArrayStore ({pageSize:10, Data:data, fields: [' id ', ' name ', ' Yewu ', ' Xiangmu ', ' Qudao ', ' point ', ' Date ', ' No ', ' Tiaoxian ', ' zhongxin ', ' Keshi ', ' zu ']    }); varGrid =NewExt.grid.GridPanel ({title:' Query Results ', Autoheight:true, Store:store, Columnlines:true,                                    //dividing lines between columnsColumns:columns,//Zebra crossingStriperows:true, Bbar:NewExt.pagingtoolbar ({pageSize:10, Store:store, DisplayInfo:true, Displaymsg:' Show {0} strips to {1} records, total {2} bar ', Emptymsg:"No Records"}), Loadmask:true,//displaying effects that are loading during data loadForcefit:true    });

Done

Ext's Grid