第二季企业网站开发,杭州二建建设有限公司网站,wordpress 社交媒体,ps怎么做网站的首页今天#xff0c;项目中要用到该表格#xff0c;找了一遍#xff0c;发现没有合适的#xff0c;于是自己动手丰衣足食。最终呈现效果如上图#xff0c;1、左侧是表头的表格数据展现#xff0c;2、支持多行#xff0c;多表头3、固定表头的功能4、能够支持标题5、获取表格中…今天项目中要用到该表格找了一遍发现没有合适的于是自己动手丰衣足食。 最终呈现效果如上图1、左侧是表头的表格数据展现2、支持多行多表头3、固定表头的功能4、能够支持标题5、获取表格中的数据6、支持IE/CHROME7、 表格能够自适应根据内容行居中Grid左侧固定测试var test new LeftHeadGrid({id: leftHeadGrid,width: 800,title:danielinbiti,perUnitWidth:300,rowHeads:[{width:60,rowname:[{name:日期},{name:数值}]}],columnDatas:[{width:[1,1],rows:[[10130501,101011],[2,3]]}]});test.RenderTo(testdiv);LeftHeadGrid.jsvar LeftHeadGrid function(config) {this.rowHeads config.rowHeads ! null ? config.rowHeads: [];//namethis.columnDatas config.columnDatas ! null ? config.columnDatas: [];this.width config.width ! null ? config.width: ;this.id config.id ! null ? config.id: TreGrid;this.perUnitWidth config.perUnitWidth ! null ? config.perUnitWidth: 10;this.innerWidth 0;this.innerLWidth 0;this.height 0;this.title config.title ! null ? config.title: ;this.noDataStr config.noDataStr ! null ? config.noDataStr: no data;}LeftHeadGrid.prototype.createGrid function(){var totalwidth 0;var tableHtml for(var i0;ivar obj this.rowHeads[i];var width obj.width;totalwidth totalwidth parseInt(width);var rownameobj obj.rowname;for(var j0;jvar nameobj rownameobj[j];if(jrownameobj.length-1){tableHtml tableHtml nameobj.name ;}else{tableHtml tableHtml nameobj.name ;}this.height this.height 40;}}tableHtml tableHtml ;var headHtml ;headHtml headHtml tableHtml ;this.innerLWidth totalwidth;this.innerWidth this.width-totalwidth-5;return headHtml;}LeftHeadGrid.prototype.RenderTo function(divId){//var innerWidth this.width-100;var headHtml this.createGrid();var html headHtml html this.title html
;
