el-header-and-footer 0.0.52 → 0.0.53

package/fesm2020/el-header-and-footer.mjs

@@ -658,30 +658,79 @@ class ElHeaderAndFooterComponent {
     //     }
     //   }
     // }
+    //   addColumn() {
+    //   if (this.selectedTable) {
+    //     const columnCount = this.selectedTable.rows[0].cells.length + 1; // New column count
+    //     const tableWidth = this.selectedTable.offsetWidth;
+    //     const minWidth = tableWidth / columnCount;
+    //     for (let i = 0; i < this.selectedTable.rows.length; i++) {
+    //       let cell = this.selectedTable.rows[i].insertCell(-1);
+    //       cell.innerHTML = '&nbsp;';
+    //       cell.style.border = this.themeModeClrVerticalLineForTable();
+    //       cell.style.minWidth = `${minWidth}px`;
+    //       cell.style.wordWrap = 'break-word';
+    //       cell.style.wordBreak = 'break-all';
+    //       cell.style.whiteSpace = 'normal';
+    //     }
+    //     // Update existing cells' minWidth
+    //     for (let i = 0; i < this.selectedTable.rows.length; i++) {
+    //       for (let j = 0; j < this.selectedTable.rows[i].cells.length; j++) {
+    //         this.selectedTable.rows[i].cells[j].style.minWidth = `${minWidth}px`;
+    //       }
+    //     }
+    //   }
+    // }
+    //   deleteColumn() {
+    //   if (this.selectedTable) {
+    //     if (window.getSelection) {
+    //       let selection = window.getSelection();
+    //       if (selection) {
+    //         let cell = selection.anchorNode?.parentElement?.closest('td, th') as HTMLTableCellElement;
+    //         if (cell) {
+    //           let cellIndex = cell.cellIndex;
+    //           for (let i = 0; i < this.selectedTable.rows.length; i++) {
+    //             this.selectedTable.rows[i].deleteCell(cellIndex);
+    //           }
+    //         }
+    //       }
+    //     }
+    //   }
+    // }
     addColumn() {
         if (this.selectedTable) {
-            const columnCount = this.selectedTable.rows[0].cells.length + 1; // New column count
+            const columnCount = this.selectedTable.rows[0].cells.length; // Get current column count
+            if (columnCount >= 3) {
+                console.warn("Maximum column limit (3) reached!");
+                return; // Stop adding columns if the limit is reached
+            }
+            const newColumnCount = columnCount + 1; // New column count after adding
             const tableWidth = this.selectedTable.offsetWidth;
-            const minWidth = tableWidth / columnCount;
+            const minWidth = tableWidth / newColumnCount;
             for (let i = 0; i < this.selectedTable.rows.length; i++) {
                 let cell = this.selectedTable.rows[i].insertCell(-1);
                 cell.innerHTML = '&nbsp;';
-                cell.style.border = this.themeModeClrVerticalLineForTable();
+                cell.style.border = `1px solid #000`; // Set border color (Black)
                 cell.style.minWidth = `${minWidth}px`;
                 cell.style.wordWrap = 'break-word';
                 cell.style.wordBreak = 'break-all';
                 cell.style.whiteSpace = 'normal';
             }
-            // Update existing cells' minWidth
+            // Update existing cells' minWidth and border color
             for (let i = 0; i < this.selectedTable.rows.length; i++) {
                 for (let j = 0; j < this.selectedTable.rows[i].cells.length; j++) {
                     this.selectedTable.rows[i].cells[j].style.minWidth = `${minWidth}px`;
+                    this.selectedTable.rows[i].cells[j].style.border = `1px solid${this.themeModeClrBorderForTable()}`; // Apply border color
                 }
             }
         }
     }
     deleteColumn() {
         if (this.selectedTable) {
+            const columnCount = this.selectedTable.rows[0].cells.length; // Get current column count
+            if (columnCount <= 1) {
+                console.warn("Cannot delete the last column!");
+                return; // Stop deleting if only one column is left
+            }
             if (window.getSelection) {
                 let selection = window.getSelection();
                 if (selection) {