Comment créer une table avec fusion et fonction de redimensionnement?

Question

Je veux créer la table avec la fonction de fusion et de redimensionnement. Les deux de ces deux fonctions, il suffit de regarder comme feuilles de calcul de Google

D'abord, je trouve la fonction de fusion par bibliothèque Javascript

Après, utilisez ce code pour redimensionner TD $('td').resizable(); Mais quelque chose de mal.

Cette table Termine la fusion après exécution de la fonction redimensionnable.

<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> 

L'opération est très pratique, TD après que la hauteur de fusion est limitée.

Je ne sais pas pourquoi? Y a-t-il un meilleur moyen?

Answer 1

Je suppose que vous avez déjà inclus l'interface utilisateur JQuery et les bibliothèques CSS nécessaires telles que:

<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> 

De préférence, vous devez également appeler votre redimensionnable comme ci-dessous.

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