效果展示

选中单元格，右键选择“设置单元格格式”


数字   —    自定义	—	选择“yyyy/m/d”	— 	类型 输入8个空格（根据自己需要增减空格）AAAA


对齐	—	先勾线“缩小字体填充”，再勾选自动换行（注意：如果"缩小字体填充"呈灰色不能勾选，则需要先取消“自动换行”再进行勾选）

uni-app不使用table，手码一个有合并单元格的表格
（如果项目急的话直接复制代码，不急的话后面有思路可康康）

效果图



缺点的话就是高度是固定死的，这个感觉可以实现自适应（现在能用就行），暂时没有自适应就加个点击事件展示内容吧，在H5展示这些表格数据的确不太友好QAQ。
首先先把需要用到的数据挂出来

这个是表格的数据（虽然只是头部的数据，但是头部能合并了，内容自然也比较简单啦），说明下数据的字段分别是什么

树对象结构，然后td代表内容， tdRowspan代表行占多少个单元格（行合并）， tdColspan代表列占多少个单元格（列合并）
 packHeader: [
			  {
			    A: {
			      td: "支表支付证书",
			      tdRowspan: 1,
			      tdColspan: 10,
			    },
			    B: {
			      td: "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    C: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    D: {
			      td: "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    E: {
			      td: "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    F: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    G: {
			      td: "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    H: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    I: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    J: {
			      td: "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    }
			  },
			  {
			    A: {
			      td:  "清单号",
			      tdRowspan: 2,
			      tdColspan: 1,
			    },
			    B: {
			      td:  "清单项目内容",
			      tdRowspan: 2,
			      tdColspan: 1,
			    },
			    C: {
			      td:  "清单金额",
			      tdRowspan: 2,
			      tdColspan: 1,
			    },
			    D: {
			      td:  "变更金额",
			      tdRowspan: 1,
			      tdColspan: 2,
			    },
			    E: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    F: {
			      td:  "到本期末累计完成",
			      tdRowspan: 2,
			      tdColspan: 1,
			    },
			    G: {
			      td:  "到上期末累计完成",
			      tdRowspan: 2,
			      tdColspan: 1,
			    },
			    H: {
			      td:  "本期完成",
			      tdRowspan: 2,
			      tdColspan: 1,
			    },
			    I: {
			      td: "监理审核本期完成",
			      tdRowspan: 2,
			      tdColspan: 1,
			    },
			    J: {
			      td: "备注",
			      tdRowspan: 2,
			      tdColspan: 1,
			    }
			  },
			  {
			    A: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    B: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    C: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    D: {
			      td:  "本期变更",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    E: {
			      td:  "监理审核本期变更",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    F: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    G: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    H: {
			      td: "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    I: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    },
			    J: {
			      td:  "",
			      tdRowspan: 0,
			      tdColspan: 0,
			    }
			  },
			  {
			    A: {
			      td: "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    B: {
			      td:  "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    C: {
			      td:  "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    D: {
			      td: "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    E: {
			      td: "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    F: {
			      td: "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    G: {
			      td: "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    H: {
			      td: "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    I: {
			      td: "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    },
			    J: {
			      td: "",
			      tdRowspan: 1,
			      tdColspan: 1,
			    }
			  }
			],

HTML这块由于app没有dom这一东西所以样式需要一开始定好，判断会有点多

packHeader是上面的数据

letterHeadData是一个[“A”,“B”,…“F”] 的数组 等下在js生成
<scroll-view class="scrool-more" scroll-x="true" @scroll="scroll" scroll-left="0">
	<view class="da-table" >
		  <view class="da-table-head" >
				<view class="da-table-head-tr"  v-for="(item, index) in packHeader" :key="index" >
					<template v-for="(hitem, hindex) in letterHeadData" >
						<view class="da-table-head-th" :key="hindex"
						:style="(item[hitem].tdColspan && (item[hitem].tdColspan * 1 >= 1) ? 'width:' + item[hitem].tdColspan * 200 + 'px!important;' : 'display:none!important;') + (item[hitem].tdRowspan ? 'height:' + (item[hitem].tdRowspan ) * 40 + 'px!important;' : '') + (item[hitem].tdFloat ? 'position:absolute!important;background:white;z-index:999;' : '')">
							<text class="da-thead-th-text" > {{ item[hitem].td }} </text>
						</view>
					  <!-- 加这个是让哪些格子帮浮动的格子占位置 -->
						<view :key="hindex + 'float'"  v-if="item[hitem].tdFloat "
						:style="(item[hitem].tdColspan ? 'width:' + item[hitem].tdColspan * 200 + 'px!important;display: inline-block!important;visibility: hidden;' : 'display: inline-block!important;') ">
							<text>看我</text>
						</view>
					</template>
				</view>
			  </view>
			</view>
		</scroll-view>

接下来是生成letterHeadData 的 JS。
		// 获取头部字母表头
		getlitterTableHead() {
			let azData = this.AZsort()
			let tableLength = Object.keys(this.packHeader[0]).length
			this.letterHeadData = azData.splice(0, tableLength) // 这个记得声明哦
			console.log(this.letterHeadData, tableLength, 'dadada', this.packHeader[0])
		},
		
		// 生成数组的
		AZsort() {
			let arr = [];
			for (let i = 0; i < 26; i++) {
				arr.push(String.fromCharCode((65 + i)))
				// console.log(String.fromCharCode((65 + i)))  
				// console.log(i)   
			}
	
			for (let j = 0; j < 26; j++) {
				for (let c = 0; c < 26; c++) {
					arr.push(arr[j] + arr[c])
					// console.log(arr[j]+String.fromCharCode((65 + c)))
				}
			}
			return arr;
		},

下面展示一些 内联代码片。
	generateMergeTable() {
		let tableLength = this.packHeader.length // 表格有多少行
		for (let i = 0; i < tableLength; i++) {
			let keyData = this.packHeader[i] // 获取这一行的数据
			// 遍历判断出占两行的单元格让其脱离文档流
			Object.keys(keyData).forEach(key =>{ 
				console.log(keyData[key].tdRowspan)
				if (keyData[key].tdRowspan * 1 >= 2) {
					keyData[key].tdFloat = true 
					if (i + 1 < tableLength) {
						// 第几行
						let firstTemp = this.packHeader[i + 1]
						// 第几列
						firstTemp[key].tdColspan = keyData[key].tdColspan * 1
					}
				}
			})
		}

然后就是样式方面的处理了 这个真的比较麻烦点  css。
	.da-table{
		display: inline-table;
		padding:10px;
		transform: scale(0.7);
		transform-origin: 0 0;
		margin-bottom: 20px;
	}
	
	.da-table-head{
		position: relative;
		border-left: 1px solid #5d5d5d;
		border-bottom: 1px solid #5d5d5d;
	}
	
	.da-table-head-tr{
		position: relative;
		min-height: 40px;
		display: block;
	}
	
	.da-table-head-th{
		border-right:1px solid #5d5d5d;
		border-top: 1px solid #5d5d5d;
		position: relative;
		display: inline-block;
		word-break: normal!important;
		text-align: center;
		padding-left: 10upx;
		vertical-align: top;
		line-height: 40px;
		height: 40px;
		overflow: hidden;
	}
	
	.da-table-body {
		border: 1px solid #5d5d5d;
		border-top: 0px;
		border-right: 0px;
	}
	.da-thead-th-text{
		white-space: normal;
		word-break: break-all;
		font-size:16px;
		overflow: hidden;
		position: absolute;
		top: 48%; /*偏移，居中*/ 
		left: 0;
		right: 0;
		transform: translateY(-50%)!important;
		line-height: 17px;
	}
	.scrool-more{
		white-space: nowrap; 
		width: 100%;  
		display: inline-block; 
	}

思路
最简单的表格肯定没有合并一行一个一个排过去啦

v-for="(item, index) in packHeader"

v-for="(hitem, hindex) in letterHeadData"

所以通过循环各自获取键值，遍历出来，

然后就是合并列的，我就想合并列就是把右边的位置占了，宽度变成原来的几倍几倍就行了，刚好我们的数据中没有占位置的tdColspan为0，有位置的就大于0，那有位置的宽度就是，tdColspan * （你想要点宽度）。0 * tdColspan虽然是0，但是又边框在，所以就设置  display:none;  不让其显示就可以啦，(●ˇ∀ˇ●)
合并列的话，有好多要考虑，一个就是你高度改变，旁边单元格没有改变，会造成高度不一致，像这样子


这时候我就用position:absolute; 高度不会受影响了，但是因为脱离了文档流，使得后面的单元格往左边顶了



然后就很难受，- -，想了想，要不在浮动元素的底下在加一个假块  占占位置，结果还真可以，绝了。

下面展示一些 内联代码片。

这也就是写这段代码的原因
<view :key="hindex + 'float'"  v-if="item[hitem].tdFloat "
						:style="(item[hitem].tdColspan ? 'width:' + item[hitem].tdColspan * 200 + 'px!important;display: inline-block!important;visibility: hidden;' : 'display: inline-block!important;') ">
							<text>看我</text>
</view>
在 generateMergeTable() 进行数据处理		
这里
// 遍历判断出占两行的单元格让其脱离文档流
			Object.keys(keyData).forEach(key =>{ 
				console.log(keyData[key].tdRowspan)
				if (keyData[key].tdRowspan * 1 >= 2) {
					keyData[key].tdFloat = true 				



之后又发现下一行的也往左边移动了

原因是因为上面合并，下面这一个的行列占位就变成0了，这时候还是用占位的方法，

下面展示一些 内联代码片。

这个也是generateMergeTable()里面的数据处理，将下一行同个键里面的tdColspan进行处理就可以啦
if (i + 1 < tableLength) {
	// 第几行
	let firstTemp = this.packHeader[i + 1]
	// 第几列
	firstTemp[key].tdColspan = keyData[key].tdColspan * 1
}




好了，以上就是全部的内容，谢谢观看（毕业半年的废物），冲冲冲。
原创内容，转载需标明来源。

package com.hf;



import java.io.File;

import java.io.FileInputStream;

import java.io.FileOutputStream;

import java.io.UnsupportedEncodingException;

import java.text.SimpleDateFormat;

import java.util.ArrayList;

import java.util.Calendar;

import java.util.List;



import org.apache.poi.hssf.usermodel.HSSFCell;

import org.apache.poi.hssf.usermodel.HSSFCellStyle;

import org.apache.poi.hssf.usermodel.HSSFRow;

import org.apache.poi.hssf.usermodel.HSSFSheet;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;

import org.apache.poi.hssf.util.HSSFColor;

import org.apache.poi.poifs.filesystem.POIFSFileSystem;

import org.apache.poi.ss.usermodel.Cell;

import org.apache.poi.ss.usermodel.CellStyle;

import org.apache.poi.ss.usermodel.Row;

import org.apache.poi.ss.util.CellRangeAddress;



public class Main {
private static int index;


/**
* @param args
*/
public static void main(String[] args) {

try {
createXLS();
} catch (Exception e) {
// TODO Auto-generated catch block
e.printStackTrace();
}


}
public static void createXLS() throws Exception{

File fi=new File("D:/students.xls");
POIFSFileSystem fs = new POIFSFileSystem(new FileInputStream(fi));
HSSFWorkbook wb = new HSSFWorkbook(fs);
HSSFSheet sheet = wb.getSheetAt(0);
TempCell  tempCell = new TempCell();
tempCell.setRow(1);
  //获取模板指定单元格样式,设置到tempCell(写列表数据的时候用)

    Row rowIn = sheet.getRow(tempCell.getRow());

    if (rowIn == null) {

        rowIn = sheet.createRow(tempCell.getRow());

    }

    Cell cellIn = rowIn.getCell(tempCell.getColumn());

    if (cellIn == null) {

        cellIn = rowIn.createCell(tempCell.getColumn());

    }

    tempCell.setCellStyle(cellIn.getCellStyle());


    HSSFRow row = sheet.createRow((int)2);
HSSFCell cell = row.createCell((short)2);  

    List list = Main.getStudent();

    for (int i = 0; i < list.size(); i++) {  

        Student stu = (Student) list.get(i); 

        row = sheet.createRow((int) i + 2);

        cell = row.createCell((short) 0);

        cell.setCellValue((double) stu.getId());

        cell.setCellStyle(tempCell.getCellStyle());

        cell= row.createCell((short) 1);

        cell.setCellValue(stu.getName());

        cell.setCellStyle(tempCell.getCellStyle());

        cell= row.createCell((short) 2);

        cell.setCellValue((double) stu.getAge());

        cell.setCellStyle(tempCell.getCellStyle());

        cell = row.createCell((short) 3); 

        cell.setCellValue(new SimpleDateFormat("yyyy-mm-dd").format(stu  

                .getBirth()));

        cell.setCellStyle(tempCell.getCellStyle());

        index =(int)i+2;

     } 
row = sheet.createRow(index);
cell = row.createCell(0);
cell.setCellValue(index-1);

    cell.setCellStyle(tempCell.getCellStyle());
cell = row.createCell(1);
cell.setCellValue("平均年龄sdfdhgjhklhjlkj;l:");
cell.setCellStyle(tempCell.getCellStyle());
CellRangeAddress cra = new CellRangeAddress(index,index,2,3);
sheet.addMergedRegion(cra);
cell = row.createCell(2);
cell.setCellValue((int)18);
cell.setCellStyle(tempCell.getCellStyle());
cell = row.createCell(3);
cell.setCellStyle(tempCell.getCellStyle());

    

    
FileOutputStream out = new FileOutputStream("D:/students1.xls");
wb.write(out);
out.close();
}

private static List<Student> getStudent() throws Exception{
List list = new ArrayList();
SimpleDateFormat df = new SimpleDateFormat("yyyy-mm-dd");

Student user1 = new Student(1,"张三",12,df.parse("1997-03-12"));
Student user2 = new Student(2,"李四",15,df.parse("1997-03-12"));
Student user3 = new Student(3,"张三张三张三张三",18,df.parse("1997-03-12"));
Student user4 = new Student(4,"张三",21,df.parse("1997-03-12"));
Student user5 = new Student(5,"张三张三张三张三张三张三",17,df.parse("1997-03-12"));
Student user6 = new Student(6,"张三张三张三",19,df.parse("1997-03-12"));
Student user7 = new Student(7,"张三张三张三张三",15,df.parse("1997-03-12"));
Student user8 = new Student(8,"张三张三张三张三张三张三",17,df.parse("1997-03-12"));
Student user9 = new Student(9,"张三张三三张三",12,df.parse("1997-03-12"));
list.add(user1);
list.add(user2);
list.add(user3);
list.add(user4);
list.add(user5);
list.add(user6);
list.add(user7);
list.add(user8);
list.add(user9);
return list;
}

static class  TempCell {

        private int row;

        private int column;

        private CellStyle cellStyle;

        private Object data;

        //用于列表合并,表示几列合并

        private int columnSize = -1;



        public int getColumn() {

            return column;

        }



        public void setColumn(int column) {

            this.column = column;

        }



        public int getRow() {

            return row;

        }



        public void setRow(int row) {

            this.row = row;

        }



        public CellStyle getCellStyle() {

            return cellStyle;

        }



        public void setCellStyle(CellStyle cellStyle) {

            this.cellStyle = cellStyle;

        }



        public Object getData() {

            return data;

        }



        public void setData(Object data) {

            this.data = data;

        }



        public int getColumnSize() {

            return columnSize;

        }



        public void setColumnSize(int columnSize) {

            this.columnSize = columnSize;

        }

    }


}
package com.hf;



import java.util.Date;



public class Student {


private int id;
private String name;
private int age;
private Date birth;

public Student() {

}

public Student(int id,String name,int age,Date birth) {
this.id = id;
this.name = name;
this.age = age;
this.birth = birth;
}


public int getId() {
return id;
}


public void setId(int id) {
this.id = id;
}


public String getName() {
return name;
}


public void setName(String name) {
this.name = name;
}


public int getAge() {
return age;
}


public void setAge(int age) {
this.age = age;
}


public Date getBirth() {
return birth;
}


public void setBirth(Date birth) {
this.birth = birth;
}



}

jar包：http://download.csdn.net/download/u014693839/10195359

excel表格怎么设置文字超出单元格显示?
在Excel中,如何将超出单元格的文字自动隐藏.只要将该单元格右边的单元格输入空格或其它内容都可以。 若不想隐藏可以设定格式为自动换行。
如何使EXCEL里超出单元格长度的文本内容不显示
右键点击文本内容过长的单元格，在打开的右键菜单中选择“设置单元格格式(F)...” 在打开的“设置单元格格式”窗体中，选择“对齐“选项。 其中”水平对齐“默认值是”常规“，修改它的值为”填充“。 然后点击“确定”按钮，完成设置。
如何使excel里超出单元格长度的文本内容显示出来
增加列宽 (双击两列之间的交接线，或者在列号上点击右键——选择列宽(输入合适的列宽))
增加行高(然后右键设置该单元格格式，对齐，选择自动换行)(双击两行之间的交接线，或者在行号上点击右键——选择行高(输入合适的行高))
如何使excel里超出单元格长度的文本内容不显示？
如何使EXCEL里超出单元格长度的文本内容不显示？
真是烦死我了，请大家帮忙。 大家知道，EXCEL单元格是填入的文本内容如右键点击文本内容过长的单元格，在打开的右键菜单中选择“设置单元格格式(F)...” 在打开的“设置单元格格式”窗体中，选择“对齐“选项。 其中”水平对齐“默认值是”常规“，修改它的值为”填充“。 然后点击“确定”按钮，完成设置。
在第一行和第三行的第一个单元格输入相同的内容第一个显示不完全怎么设置
首先，选择目标单元格，然后右键，选择“设置单元格格式”。 excel中如何使内容不要超出单元格 2 进入到“设置单元格格式”窗口，点寻对齐”，然后在“文本对齐方式”下的“水平对齐”下选择“填充”，再点击确定即可，看效果图。
excel输入字数超出单元格时，如何设置超出该单元格如题 一般平时都是默认超出时覆盖后面的空白单元格的，不过我家的就不是excel输入字数超出单元格时，如何设置超出该单元格 覆盖后面空白单元格显示，是正常现象，如下图： 解决办法有两种： 一是扩大上图B列单元格宽度(拉伸BC列中间间距处、或双击中间间隔处)，如下图： 二是缩小文字的字号‍‍。
EXCEL表格中如何设定超出某个数值，该单元格显示某即一个单元格D1，我设置了格式是=A1XB1XC1，但是我的D1有个限值是最大只EXCEL表格中设定超出某个数值，该单元格显示某种设定的填充颜色，可通过条件格式实现。 具体步骤如下：
打开需要操作的EXCEL表格，选中相关单元格，在开始选项卡中找到“条件格式”，随后选择“突出显示单元格规则”，并选择“大于”。
如何能上excel单元格中的内容超出格显示？
如何能上excel单元格中的内容超出格显示？ 有的时候能超单元格显示，有当单元格中的内容超出格宽度，且未设置自动换行时，如后面单元格中无内容则超出格显示； 如后面单元格有内容(包括空格和公式)则超出部分不显示。 似乎合并单元格后，左侧的单元格内容也不能超出格显示，跟编辑过的效果差不多(类似空格和公式