Heim > Web-Frontend > js-Tutorial > Hauptteil

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

不言
Freigeben: 2019-02-13 10:11:31
nach vorne
3208 Leute haben es durchsucht

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;
  }
Nach dem Login kopieren

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']);
Nach dem Login kopieren

in .js

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

Verwendung von

Nach dem Login kopieren
                                 
{{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

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

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!

Verwandte Etiketten:
Quelle:segmentfault.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage