js:
function SpanGrid(tabObj,colIndex)
{
if(tabObj != null)
{
var i,j;
var intSpan;
var strTemp;
for(i = 0; i < tabObj.rows.length; i++)
{
intSpan = 1;
strTemp = tabObj.rows[i].cells[colIndex].innerText;
for(j = i + 1; j < tabObj.rows.length; j++)
{
if(strTemp == tabObj.rows[j].cells[colIndex].innerText)
{
intSpan++;
tabObj.rows[i].cells[colIndex].rowSpan = intSpan;
tabObj.rows[j].cells[colIndex].style.display = "none";
}
else
{
break;
}
}
i = j - 1;
}
}
}
jsp:
<table border="1" cellspacing ="0" cellpadding="2" bgcolor="white" WIDTH="90%" align="center" id="tabForecast">
<tr HEIGHT="15px" class="clsTabHead1">
<th WIDTH="10%" ALIGN="CENTER" >PARENT_COMP_NAME</th>
<th WIDTH="50%" ALIGN="CENTER" >PARENT_COMP_MGR</th>
<th WIDTH="50%" ALIGN="CENTER" >CHILD_COMPONENT</th>
<th WIDTH="50%" ALIGN="CENTER" >CHILD_COMP_NAME</th>
<th WIDTH="10%" ALIGN="CENTER" >CHILD_COMP_MGR</th>
<th WIDTH="10%" ALIGN="CENTER" >SEC_CATEGORY</th>
<th WIDTH="10%" ALIGN="CENTER" >CATEGORY</th>
<th WIDTH="10%" ALIGN="CENTER" >EMP_TYPE</th>
<th WIDTH="10%" ALIGN="CENTER" >EMPLOYEE_NUMBER</th>
<th WIDTH="10%" ALIGN="CENTER" >EMPLOYEE_NAME</th>
<th WIDTH="5%" ALIGN="CENTER" >JAN Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >FEB Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >MAR Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >APR Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >MAY Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >JUN Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >JUL Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >AUG Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >SEP Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >OCT Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >NOV Head Count</th>
<th WIDTH="5%" ALIGN="CENTER" >DEC Head Count</th>
</tr>
<a4j:repeat id="plrepeat" value="#{reportsBean.lstHtmlReport}"
var="lrsReport" rowKeyVar="intSize" >
<tr>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.parentCompName}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.parentCompMgr}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.childComponent}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.childCompName}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.childCompMgr}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.secCategory}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.category}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.empType}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.employeeNumber}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.employeeName}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.jan}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.feb}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.mar}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.apr}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.may}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.jun}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.jul}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.aug}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.sep}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.oct}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.nov}"/></td>
<td class="clsEvenRows1" ALIGN="CENTER"><h:outputText value="#{lrsReport.dec}"/></td>
</tr>
</a4j:repeat>
</table>
<SCRIPT LANGUAGE="JavaScript">
loadingimage.style.display = "none";
document.onreadystatechange = function () {
if(document.readyState=="complete") {
SpanGrid(tabForecast,0);
SpanGrid(tabForecast,1);
SpanGrid(tabForecast,2);
SpanGrid(tabForecast,3);
SpanGrid(tabForecast,4);
SpanGrid(tabForecast,5);
SpanGrid(tabForecast,6);
SpanGrid(tabForecast,7);
SpanGrid(tabForecast,8);
}
}
</SCRIPT>
分享到:
相关推荐
根据table的id属性和table中的某一个元素定位其在table中的位置 table包括表头,位置坐标都是从1开始算 tableId:table的id属性 queryContent:需要确定位置的内容 def get_table_content(tableId,queryContent): ...
c# xptable NET中最强,最全功能的表格控件 ...然后,拖动Table, ColumnModel 和 TableModel到Form上,设置Table的ColumnModel 和 TableModel属性,添加Column到ColumnModel,添加Row 和 Cell到TableModel.
网络上收集的css table样式 好看table样式 好看的CSS——Table样式表
Table Table Table Table Table
用于bootstrap数据表格的导出插件,在引入bootstrap其他主要js和css的前提下,再将bootstrap-table-export.js和tableExport.js引入。包里有两个版本的
本文实例讲述了bootstrap-table后端分页功能。分享给大家供大家参考,具体如下: 使用bootstrap-table实现后台分页 插件资源点击此处本站下载。 引用以下css <link rel="stylesheet" href="../plugins/...
table.render({ id : 'table', type:'post', elem : '#table', url : url, where : {'Id' : $data.Id}, page:false, cols : [ [ //表头 ]] }) 最简单直接用ajax请求,确保url路径正确 $.ajax({ dataType:'...
主要介绍了vxe-table vue table 表格组件功能,功能非常强大,文中给大家提到了功能点,需要的朋友可以参考下
基于bootstrap-table 实现 右侧列固定,也可以针对左侧列固定,针对操作列使用起来非常方便,引用jquery、bootstrap-table-fixed 样式和js文件后,可以随意设置,灵活。 fixedColumns: true,//fixedtNumber:2, //...
改版uni-table插件功能,新增单击行事件、单击某td事件、单独修改某td的字体颜色;选中行样式修改。主要修改文件uni-tr、uni-td;
赠送jar包:flink-table-planner-blink_2.11-1.12.7.jar; 赠送原API文档:flink-table-planner-blink_2.11-1.12.7-javadoc.jar; 赠送源代码:flink-table-planner-blink_2.11-1.12.7-sources.jar; 赠送Maven依赖...
BootStrap Table两个Table数据之间行数据拖拽。
赠送jar包:flink-table-planner-blink_2.11-1.13.2.jar; 赠送原API文档:flink-table-planner-blink_2.11-1.13.2-javadoc.jar; 赠送源代码:flink-table-planner-blink_2.11-1.13.2-sources.jar; 赠送Maven依赖...
适用于Go的Aliyun tablestore SDK关于此后SDK基于阿里云表格存储服务API构建。阿里云表格存储是阿里云自主研发的NoSQL数据存储服务,提供海量结构化数据的存储和实时访问。运行环境推荐使用Go 1.4及以上。安装方法...
table嵌套table的边框样式代码例子(包含div嵌套table的外边框)。
赠送jar包:flink-table-common-1.12.7.jar; 赠送原API文档:flink-table-common-1.12.7-javadoc.jar; 赠送源代码:flink-table-common-1.12.7-sources.jar; 赠送Maven依赖信息文件:flink-table-common-1.12.7....
自从上次用bootstrap table就一直没有解决导出excel的关题,网上找到的那更改tableExport.js和jquery.base64.js的方法虽然可以正常导出,但中文依旧乱码... 解决方法终归是有的....现将文件分享给大家. 里面有table...
知识点bootstrapTable 刷新和查询配置 2.提升js代码性能 1.减少全局变量声明 2.缓存dom节点查找结果 3.局部变量缓存全局变量 /** * @param col bootstrapTable列表生成配置对象 */ var searchValue ={};//查询...
图片需要用到模板.templet: ... var table= layui.table; table.render({ elem:'#needstable' ,url:'{:url()}' ,method:'post' ,cellMinWidth:80 ,page:true ,cols:[[ {field:'needs_id',title:
table2excel.js 用于直接将table转换成Excel的js工具包