Table的行列合并

    <table border="1" width="200" height="200">
      <tr>
      <td rowspan="3" ><img src="images/book1.jpg"></img></td>
      </tr>
      <tr >
      <td><img src="images/book2.jpg"></img></td>
      </tr>
      <tr>
      <td ><img src="images/book3.jpg"></img></td>
      </tr>

      <tr>
      <td colspan="2" ><img src="images/book4.jpg"></img></td>
      </tr>
      </table>

  

时间: 2024-10-12 17:33:46

Table的行列合并的相关文章

css控制固定表头,兼容行列合并

项目中设计的报表table设计的列数相对过多,当拖动下方的滚动条时无法对应表头所对应的列,因此在网上搜索了好一段日子,最后在网上找到了一些参考资料,然后总结归纳出兼容行列合并的固定表头demo. 多浏览器没有做太多测试,在ie6中已测试通过. 功能期待了很久今天终于找到解决的方式,总结到javaeye中方便日后查阅.实现方式可能还有更好的,希望有大牛路过,给我留点更好的实现例子作日后交流之用. 以下是相关的css Html代码   <style type="text/css"&g

C#导出涉及行列合并的复杂的Excel数据

一.导出数据格式 二.实现代码 1 public ActionResult ExportFundDataToExcel(Guid taskid, string taskname) 2 { 3 var dt = ProjectFundCalculateService.getFundDataTabe(taskid); 4 if (null == dt) 5 { 6 return Fail("当前任务没有要导出的经费数据"); 7 } 8 if (dt.Rows.Count < 1)

分享两段行列合并算法

使用一个将指定行列的gridview横向纵向合并行列,实现多复杂表头样式 调用: GridCommon.Unitelist(this.grid1, 4); GridCommon.GroupCol(this.grid1, 4, dt.Columns.Count); /// <summary> /// 横向合并列 /// </summary> public static void Unitelist(GridView gv, int rowIndex) { if (gv.Rows.Co

asp.net Table,数据重复 合并

在这后台代码就不些了主要是前提循环 @{ ViewBag.Title = "QueryDetails"; Business.BLL.DC_ProductSkillPhysicalBLL bll = new Business.BLL.DC_ProductSkillPhysicalBLL(); System.Data.DataSet ds = bll.GetListPhysicalFirsts();//取大项 System.Data.DataTable dt = ds.Tables[0];

css所有属性(table,行列组)总结

概述: CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: CSS声明总是以分号(;)结束,声明组以大括号({})括起来: 一.注释: CSS注释以 "/*" 开始, 以 "*/" 结束 eg:    /*p{color:red;text-align:center;}*/ 二.插入css样式表的方式?link 和@import 的区别是? 1.外部样式:使用 标签链接到样式表. 标签在(文档的)头部 eg : <link rel="sty

Table行合并操作

此方法不可取,但几天心血 保留,已有新想法,稍后会出一个完善的Table行列合并方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <

JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利)

前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能覆盖似乎不太现实,博主挑选了一些自认为比较常用的功能在此分享给各位园友.源码也在这篇统一给出.好了,不多说废话,开始我们的干货之旅吧. bootstrap table系列: JS组件系列——表格组件神器:bootstrap table JS组件系列——表格组件神器:bootstrap table(二

固定table表头

项目中设计的报表table设计的列数相对过多,当拖动下方的滚动条时无法对应表头所对应的列,因此在网上搜索了好一段日子,最后在网上找到了一些参考资料,然后总结归纳出兼容行列合并的固定表头demo. 多浏览器没有做太多测试,但是在ie9.火狐.360浏览器中已测试通过. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

jQuery_easyUI 合并单元格 (DataGrid 数据表格)

<table id="dg" style="height:350px;z-index:-5555; " class="easyui-datagrid" rownumbers="true" data-options="fitColumns: true, iconCls: 'icon-edit', scrollbarSize:0, multiSort:true, remoteSort:true, paginatio