如何在word表格中添加删除线，划去不想要的部分？

 

一、在word的表格中不能直接添加删除线，只能先在excel表格中加上删除线，再复制到word表格中

二、excel表格中添加删除线：

右击选中需要去掉的部分-》设置单元格格式-》字体-》勾上删除线即可

关键点：先合并可合并的单元格要将定义的style样式放在td（单元格）中，不能放在tr（行）中否则表格线不能完全隐去（需要显示表格线的可将style样式放在tr中）
一、head中的部份样式示例（可根据左右上下边框的需要或单元格中字体的大小任意设置，table样式是关键不能更改）
<style type="text/css">

<!--

table {
border-collapse: collapse;
border-width: 0px;

}



table td {
empty-cells: show;

}



.style1 {
font-size: 14px;
font-weight: bold;

}



.style0 {
font-size: 16px;
font-weight: bold;
border-left: none;
border-right: none;
border-top: none;

}



.style2 {
font-size: 12px

}

-->

</style>

二、body中的表格示例（去掉了第一行的上左右表格线，table中border="1  cellpadding="0" 不更改能）
<div id="printcontent" align="center" class="dabiaoti">
<table width="95%" border="1" cellpadding="0" bordercolor="#00FF00"
cellspacing="0">
<tr>
<td height="35" colspan="12" class="style0" align="center">联合出借明细表</td>
</tr>
<tr>
<td width="126" height="30" colspan="12" class="style1">项目编号：${xiangmu.xiangmubianhao
}
</tr>
<tr class="style1">
<td width=50 " height="25" align="center">编号</td>
<td width="126" height="25" align="center">出借人</td>
<td width="126" height="25" align="center">结转项目</td>
<td height="25" align="center">转入金额</td>
<td height="25" align="center">建行</td>
<td height="25" align="center">邮政</td>
<td height="25" align="center">农行</td>
<td height="25" align="center">中行</td>
<td height="25" align="center">信用社</td>
<td height="25" align="center">中信</td>
<td height="25" align="center">工行</td>
<td width="92" height="25" align="center">合计</td>
</tr>

</div>

element作为一款基于vue.js的组件库，组件可谓丰富切强大，在vue项目中展示多条数据时，经常会用到el-table组件，为了使页面更加的美观，ui设计时往往会在页面上给table加上斑马线，当然这都不是问题，毕竟el-table有stripe属性。江stripe属性设置为true，就能给表格加上斑马线。

这个时候产品说话了，你这个斑马线太丑了，换一个颜色，我。。。。。。。没办法只能再想办法呗，查看官方文档你会发现我们可以自定义表格行的class名称，在Table Attributes里可以找到row-class-name，通过这个属性我们就可以实现自定义表格斑马线。

1.首先我们在el-table中添加属性,为表格行添加className
:row-class-name="tableRowClassName"

2.js中加入
tableRowClassName({ rowIndex }) {
      if (rowIndex % 2 === 0) {
        return "warning-row";
      } else if (rowIndex % 2 === 1) {
        return "success-row";
      }
      return "";
    }

此部分为表格的单双行设置不同的className。

3.css中为warning-row与success-row设置不同的背景颜色，当然了 你也可以不只设置背景颜色，
.warning-row {
      background: #142e51;
    }
    .success-row {
      background: #011e47;
    }

这样el-table自定义表格斑马线就完成了，注意这里的css不要写在带scoped的style里，scoped限制style里的样式只在当前组件生效，el-table是我们在当前组件引入element的组件，所以样式并不会生效。解决办法。另写一个style里去写上面代码，或者在elementui全局样式里去自定义整个项目的表格斑马线

是因为下页的表格太大，占据了一页，要把下面的表格拉小一点
转载于:https://www.cnblogs.com/startnow/p/5052590.html