el-text-editor 0.0.79 → 0.0.81

package/fesm2020/el-text-editor.mjs

@@ -1013,13 +1013,25 @@ class ElTextEditorComponent {
     addRow() {
         if (this.selectedTable) {
             let row = this.selectedTable.insertRow();
-            row.style.borderBottom = this.themeModeClrVerticalLineForTable(); // Add bottom border to the row
+            // Loop through the columns of the first row to determine the number of cells
             for (let i = 0; i < this.selectedTable.rows[0].cells.length; i++) {
                 let cell = row.insertCell(i);
                 cell.innerHTML = '&nbsp;';
+                // Apply bottom border explicitly
+                cell.style.borderBottom = `2px solid ${this.themeModeClrVerticalLineColorForTable()}`; // You can replace 'black' with your theme color
             }
         }
     }
+    //   addRow() {
+    //   if (this.selectedTable) {
+    //     let row = this.selectedTable.insertRow();
+    //     row.style.borderBottom = this.themeModeClrVerticalLineForTable(); // Add bottom border to the row
+    //     for (let i = 0; i < this.selectedTable.rows[0].cells.length; i++) {
+    //       let cell = row.insertCell(i);
+    //       cell.innerHTML = '&nbsp;';
+    //     }
+    //   }
+    // }
     // deleteRow() {
     //   if (this.selectedTable) {
     //     this.selectedTable.deleteRow(-1);
@@ -1099,6 +1111,7 @@ class ElTextEditorComponent {
                 cell.style.wordBreak = 'break-all';
                 cell.style.whiteSpace = 'normal';
                 cell.style.minWidth = `${minWidth}px`;
+                cell.style.borderBottom = `2px solid ${this.themeModeClrVerticalLineColorForTable()}`;
             }
             // Update existing rows' bottom border
             for (let i = 0; i < this.selectedTable.rows.length; i++) {
@@ -1131,6 +1144,15 @@ class ElTextEditorComponent {
             return '2px solid #5F5F5F !important';
         }
     }
+    themeModeClrVerticalLineColorForTable() {
+        const clrMode = document.body.getAttribute('data-layout-color');
+        if (clrMode == 'dark') {
+            return '#414141';
+        }
+        else {
+            return '#5F5F5F';
+        }
+    }
     adjustTableWidth(event) {
         if (this.selectedTable) {
             this.selectedTable.style.width = event.target.value + 'px';