Everything seems to work with these imports until the results are viewed in Chrome, at which point the outer border of the table vanishes! It displays perfectly well in Firefox and Edge; Chrome is the only browser to have a problem. I tried resetting local formatting and even changing to another table stylesheet and back. The problem persists.
Manually creating new tables and copying over the imported cells from the "broken" tables removes the problem, but that's a nuisance.
I ran a test import and had a look at the imported table compared with a manually added one. The following are the beginnings of each table definition:
* Start of good table definition:
Code: Select all
<table class="TableStyle-SmartSpaceTable" style="mc-table-style: url('../Resources/TableStyles/SmartSpaceTable.css'); margin-left: 0; margin-right: auto;" cellspacing="0">
<col class="TableStyle-SmartSpaceTable-Column-Column1" />
<col class="TableStyle-SmartSpaceTable-Column-Column1" />
<col class="TableStyle-SmartSpaceTable-Column-Column1" />
Code: Select all
<table style="border-collapse: collapse;mc-table-style: url('../Resources/TableStyles/SmartSpaceTable.css');" class="TableStyle-SmartSpaceTable" cellspacing="0">
As an experiment, I replaced the failed code with the working <table... > tag (didn't bother with the column defs). The table now displays correctly with its borders in all three browsers.
That's a quicker fix. (I've reported this as a bug.)