浅记一下花了点时间实现的表格(也许有bug)
1.实现该表格效果,第0-4列根据订单id合并相同项,第5-7列根据机台Id合并相同项,第8-11列根据物料的ID合并相同项,12-15列可输入(具体输入内容之前的计算关系就不记了)
table框架就不放了,简单几个合并方法 :span-method="arraySpanMethod"
const arraySpanMethod = ({
row,
column,
rowIndex,
columnIndex,
}: SpanMethodProps) => {
// 合并行 inId相同合并、合并第一列,所以合判断columnIndex是否等于0
if (columnIndex === 0 || columnIndex === 1 || columnIndex === 2 || columnIndex === 3 || columnIndex === 4) {
if (rowIndex === 0 || row.inId != tableData.value[rowIndex - 1].inId) {
let rowspan = 0;
tableData.value.forEach((element: any) => {
if (element.inId ==&