el-text-editor 0.0.61 → 0.0.62

package/fesm2020/el-text-editor.mjs

@@ -1367,24 +1367,26 @@ class ElTextEditorComponent {
     convertTextToTable(text) {
         const rows = text.split('\n').filter(row => row.trim() !== '');
         const columnCount = rows[0]?.split('\t').length || 1; // Get the number of columns from the first row
-        // Define the column width percentage
-        const columnWidth = 100 / columnCount;
-        const tableRows = rows.map(row => {
+        const columnWidth = 100 / columnCount; // Calculate column width
+        const tableRows = rows.map((row, index) => {
             const cells = row.split('\t').map(cell => `
-      <td class="px-1 py-1 text-truncate" 
-          style="max-width: ${columnWidth}%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
-        ${cell}
-      </td>`).join('');
+        <td class="px-1 py-1 text-truncate" 
+            style="max-width: ${columnWidth}%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
+          ${cell}
+        </td>`).join('');
+            // Add a border-top for all rows except the first and border-bottom for the last row
+            const borderTop = index === 0 ? '' : `border-top: ${this.themeModeTableBorderTop()};`;
+            const borderBottom = index === rows.length - 1 ? `border-bottom: ${this.themeModeTableBorderTop()};` : '';
             return `
-      <tr class="table-border-top" 
-          style="border-top: ${this.themeModeTableBorderTop()}; width: 100% !important;">
-        ${cells}
-      </tr>`;
+        <tr 
+          style="${borderTop} ${borderBottom} width: 100% !important;">
+          ${cells}
+        </tr>`;
         }).join('');
         return `
-    <table style="table-layout: fixed; width: 100%;"> 
-      ${tableRows}
-    </table>`;
+      <table style="table-layout: fixed; width: 100%;"> 
+        ${tableRows}
+      </table>`;
     }
     insertHtmlAtCaret(html) {
         const range = window.getSelection()?.getRangeAt(0);