Einführung in die Methode zum dynamischen Zusammenführen vertikaler Zellen in Javascript (Code)

Dieser Artikel bietet Ihnen eine Einführung in die Methode zum dynamischen Zusammenführen vertikaler Zellen in JavaScript. Ich hoffe, dass er für Freunde hilfreich ist.

1. Anforderungen

Zellen mit demselben Inhalt in benachbarten Zeilen zusammenführen.

2. Konzept

rowspan gibt die Anzahl der Zeilen an, die die Zelle vertikal überspannt. Wenn rowspan auf 3 eingestellt ist, bedeutet dies, dass die Zelle drei Zeilen umfassen muss (eine Zeile selbst plus zwei weitere Zeilen)

3 Öffentliche Methode

  /**
   * 单元格合并方法,增加rowspan属性
   * @param data 要处理的数据
   * @param nameList 合并的字段list
   */
function rowspanFun(data, nameList) {
    for (var i = 0; i  1) {
                data[startRow][name + 'Rowspan'] = 1;
              } else {
                data[j][name + 'Rowspan'] = 1;
              }
              mergeNum = 1;
            }
          }
        }
      } else {
        data[0][name + 'Rowspan'] = 1;
      }
    }
    return data;
  }

4 Datenverarbeitungsergebnisse nach Aufruf der öffentlichen Methode

var data =  [
      {name: 'dwj', sex: '女', age: 20},
      {name: 'dwj', sex: '男', age: 20},
      {name: 'dwq', sex: '女', age: 20},
      {name: 'other', sex: '女', age: 20}
    ];
rowspanFun(data, ['name', 'sex']);

in .js

Verwendung von

                                 

{{item.name}}

{{item.sex}}

{{item.age}}

in 5.html

Hinweis: Dieser HTML-Code verwendet NG-Syntax. Bitte passen Sie ihn entsprechend dem von Ihnen verwendeten JS-Framework an.

6. Ergebnisse

Das obige ist der detaillierte Inhalt vonEinführung in die Methode zum dynamischen Zusammenführen vertikaler Zellen in Javascript (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!