当前位置: 首页> 游戏> 网游 > 国外的云服务器租用_大连网络公司企业_重庆疫情最新情况_关键词优化推广排名多少钱

国外的云服务器租用_大连网络公司企业_重庆疫情最新情况_关键词优化推广排名多少钱

时间:2025/7/11 1:32:26来源:https://blog.csdn.net/Zhuangvi/article/details/145010029 浏览次数:0次
国外的云服务器租用_大连网络公司企业_重庆疫情最新情况_关键词优化推广排名多少钱

展示

在这里插入图片描述

代码

<el-table :data="tableData" border style="width: 100%" :span-method="objectSpanMethod"><el-table-column prop="date" label="Date" width="180" align="center" /><el-table-column prop="name1" label="Name1" width="180" align="center" /><el-table-column prop="name2" label="Name2" width="180" align="center" /><el-table-column prop="class" label="class" width="180" align="center" /><el-table-column prop="address" label="Address" />
</el-table>
const tableData = ref([{date: '2016-05-04',name1: 'Tom',name2: 'Tom',class: '三年级一班',address: 'No. 189, Grove St, Los Angeles'},{date: '2016-05-03',name1: 'Tom',name2: 'Tom',class: '三年级一班',address: 'No. 189, Grove St, Los Angeles'},{date: '2016-05-02',name1: 'Tom',name2: 'Tom',class: '三年级一班',address: 'No. 189, Grove St, Los Angeles'},{date: '2016-05-02',name1: 'Tom',name2: 'Tom',class: '三年级一班',address: 'No. 189, Grove St, Los Angeles'},{date: '2016-05-01',name1: 'Tom',name2: 'Tom',class: '三年级一班',address: 'No. 189, Grove St, Los Angeles'}
])const objectSpanMethod = ({ row, column, rowIndex, columnIndex }) => {let rowspan = 1,colspan = 1// 合并列// 自行判断哪两个字段需要合并,相同值即代表要合并// 并且需要自行判断当前合并字段所在的列下标,如示例中的name1的列下标为1,name2的列下标为2// 则把name1的列下标的colspan设为2(即占两个单元格),那么name2的列下标的colspan则必须为0,表示不占单元格if (row.name1 == row.name2) {if (columnIndex == 1) {colspan = 2rowspan = 1} else if (columnIndex == 2) {colspan = 0rowspan = 0}}// 合并行// 定义需要合并的列字段,有哪些列需要合并,就自定义添加字段即可const fields = ['date']// 当前单元格的数据const cellValue = row[column.property]// 判断只合并定义字段的列数据if (cellValue && fields.includes(column.property)) {const prevRow = tableData.value[rowIndex - 1] //上一行数据let nextRow = tableData.value[rowIndex + 1] //下一行数据// 当上一行的单元格数据等于当前行数据时,当前行单元格隐藏if (prevRow && prevRow[column.property] === cellValue) {colspan = 0rowspan = 0} else {// 反之,则循环判断若下一行数据等于当前行数据,则当前行开始进行合并单元格let countRowspan = 1 // 用于合并计数多少单元格while (nextRow && nextRow[column.property] === cellValue) {nextRow = tableData.value[++countRowspan + rowIndex]}if (countRowspan > 1) {rowspan = countRowspan}}}return {rowspan,colspan}
}

完结。

关键字:国外的云服务器租用_大连网络公司企业_重庆疫情最新情况_关键词优化推广排名多少钱

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: