* also adds table-responsive (see bootstrap docs for details)
* @cfg {Boolean} loadMask (true|false) default false
* @cfg {Boolean} footerShow (true|false) generate tfoot, default true
+ * @cfg {Boolean} summaryFooterShow (true|false) generate tfoot for summary, default false
* @cfg {Boolean} headerShow (true|false) generate thead, default true
* @cfg {Boolean} rowSelection (true|false) default false
* @cfg {Boolean} cellSelection (true|false) default false
store : false,
loadMask : false,
footerShow : true,
+ summaryFooterShow : false,
headerShow : true,
enableColumnResize: true,
disableAutoSize: false,
if(this.footerShow){
cfg.cn.push(this.renderFooter());
}
+
+ if(!this.footerShow && this.summaryFooterShow) {
+ this.renderSummaryFooter();
+ }
+
// where does this come from?
//cfg.cls+= ' TableGrid';
}
return footer;
},
+
+ renderSummaryFooter : function()
+ {
+ var footer = {
+ tag: 'tfoot',
+ cn : []
+ };
+
+ for(var i = 0, len = cm.getColumnCount(); i < len; i++){
+
+ var c = {
+ tag: 'td',
+ cls : 'x-fcol-' + i,
+ style : '',
+ html: ''
+ };
+
+ footer.cn.push(c)
+ }
+
+ return footer;
+ },
this.mainFoot.show();
}
}
+
+ if(!this.footerShow && this.summaryFooterShow) {
+
+ for(var i = 0, len = cm.getColumnCount(); i < len; i++){
+
+ var value = cm.config[i].summaryFooter;
+
+ Roo.log('value [' + i + '] : ' + value);
+ }
+ }
Roo.each(this.el.select('tbody td', true).elements, function(e){
e.on('mouseover', _this.onMouseover, _this);