Border not showing when copying from Excel

[iisioe]

📝 Provide detailed reproduction steps (if any)

1. Copy tables from an Excel with border
2. Paste it into the editor

✔️ Expected result

Generate the html code correctly and get the same result as it is display on the Excel with the borders.

❌ Actual result

Border displays properly in CKEditor but when the generated HTML is rendered outside, it loses the top border.

Sample Tablexlsx.xlsx

Generated HTML code of CKEditor

<figure class="table" style="width:96pt;"><table class="ck-table-resized"><colgroup><col style="width:50%;"><col style="width:50%;"></colgroup><tbody><tr><td style="background-color:white;border-color:windowtext;border-width:0.5pt;height:14.4pt;padding-left:1px;padding-right:1px;padding-top:1px;vertical-align:bottom;width:48pt;">&nbsp;</td><td style="background-color:white;border-bottom-style:solid;border-color:windowtext;border-left-style:none;border-right-style:solid;border-top-style:solid;border-width:0.5pt;padding-left:1px;padding-right:1px;padding-top:1px;vertical-align:bottom;width:48pt;"><span style="color:black;font-family:&quot;Aptos Narrow&quot;, sans-serif;font-size:11pt;">SYS</span></td></tr><tr><td style="background-color:white;border-bottom-style:solid;border-color:windowtext;border-left-style:solid;border-right-style:solid;border-top-style:none;border-width:0.5pt;height:14.4pt;padding-left:1px;padding-right:1px;padding-top:1px;vertical-align:bottom;"><span style="color:black;font-family:&quot;Aptos Narrow&quot;, sans-serif;font-size:11pt;">Tender</span></td><td style="background-color:white;border-bottom-style:solid;border-color:windowtext;border-left-style:none;border-right-style:solid;border-top-style:none;border-width:0.5pt;padding-left:1px;padding-right:1px;padding-top:1px;text-align:right;vertical-align:bottom;"><span style="color:black;font-family:&quot;Aptos Narrow&quot;, sans-serif;font-size:11pt;">5229</span></td></tr></tbody></table></figure>

📃 Other details

• Browser: Microsoft Edge
• OS: Windows 11
• First affected CKEditor version: CKEditor 5 (Premium)
• Installed CKEditor plugins:

• PasteFromOffice,
• PasteFromOfficeEnhanced,
• Alignment,
• Autoformat,
• AutoLink,
• Autosave,
• BlockQuote,
• Bold,
• Bookmark,
• CaseChange,
• Code,
• Essentials,
• FindAndReplace,
• FontBackgroundColor,
• FontColor,
• FontFamily,
• FontSize,
• FormatPainter,
• Heading,
• Highlight,
• HorizontalLine,
• Indent,
• IndentBlock,
• Italic,
• Link,
• List,
• ListProperties,
• Paragraph,
• RemoveFormat,
• ShowBlocks,
• SpecialCharacters,
• SpecialCharactersArrows,
• SpecialCharactersCurrency,
• SpecialCharactersEssentials,
• SpecialCharactersLatin,
• SpecialCharactersMathematical,
• SpecialCharactersText,
• Strikethrough,
• Subscript,
• Superscript,
• Table,
• TableCaption,
• TableCellProperties,
• TableColumnResize,
• TableProperties,
• TableToolbar,
• Template,
• TextTransformation,
• TodoList,
• Underline

---

If you'd like to see this fixed sooner, add a 👍 reaction to this post.

[Witoso]

The place you show content from the editor on needs to always include the content styles. It will always look different otherwise.

[Reinmar]

Example of how it looks when content styles are loaded: https://jsfiddle.net/ury7L8hs/