Wie erstellt man eine Tabelle mit Merger und Größenänderung?

Question

Ich möchte die Tabelle mit Merger und Größenänderung Funktion erstellen. Diese beiden Funktionen, sehen genauso aus wie Google Tabellen

Zuerst fand ich Fusion Funktion von Javascript-Bibliothek

Nach, Verwenden Sie diesen Code, um die Größe TD $('td').resizable(); Aber etwas falsch.

Diese Tabelle Vervollständigt die Funktion zum Zusammenführen nach dem Ausführen der Größe.

<table id="BA1"><caption></caption><thead></thead><tbody><tr><td><div class="iitem">+</div></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td colspan="1"rowspan="2"></td></tr><tr><td colspan="4"rowspan="2"></td></tr><tr><td colspan="1"rowspan="2"></td></tr><tr><td></td><td></td><td></td><td></td></tr></tbody></table> 

Die Operation ist sehr praktisch, TD nach der Fusionshöhe ist begrenzt.

Ich weiß nicht warum? Gibt es einen besseren Weg?

Answer 1

Ich gehe davon aus, dass Sie bereits die JQuery UI und CSS Bibliotheken erforderlich enthalten wie:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 

Vorzugsweise müssen Sie auch, wie unten Ihre Größe veränderbar nennen.

$(function() { 
    $('td').resizable(); 
    });