For specific tables, properties are not applied to some cells #17538
Assignees
Labels
package:table
support:2
An issue reported by a commercially licensed client.
type:bug
This issue reports a buggy (incorrect) behavior.
Comments
kubaklatt
added
package:table
type:bug
aldonace-wu
added
the
support:2
|
Minimum reproducible table: <table>
<tbody>
<tr>
<td>lorem</td>
<td>lorem</td>
<td>lorem</td>
<td>lorem</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2" rowspan="5">lorem</td>
<td colspan="6">lorem</td>
</tr>
<tr>
<td colspan="6">lorem</td>
</tr>
</tbody>
</table>Looks like it's related to colspans, as the selection of such columns is not properly represented in the rows before selections-tables-2024-12-30_08.12.46.mp4 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
📝 Provide detailed reproduction steps (if any)
<figure class="table" style="width:813pt;"><table class="ck-table-resized"><colgroup><col style="width:6.52%;"><col style="width:6.52%;"><col style="width:6.52%;"><col style="width:6.52%;"><col style="width:21.16%;"><col style="width:13.65%;"><col style="width:6.52%;"><col style="width:6.52%;"><col style="width:6.52%;"><col style="width:6.52%;"><col style="width:6.52%;"><col style="width:6.51%;"></colgroup><tbody><tr><td style="height:16.0pt;width:813pt;" colspan="12">lorem</td></tr><tr><td style="border-top-style:none;height:29.0pt;width:53pt;">lorem </td><td style="border-top-style:none;width:53pt;"> </td><td style="border-top-style:none;width:53pt;"> </td><td style="border-top-style:none;">lorem</td><td style="border-top-style:none;"> </td><td style="border-top-style:none;">lorem</td><td style="border-left-style:none;border-top-style:none;width:53pt;">lorem</td><td style="border-top-style:none;width:53pt;"> </td><td style="border-top-style:none;width:53pt;"> </td><td style="border-top-style:none;width:53pt;"> </td><td style="border-top-style:none;width:53pt;"> </td><td style="border-top-style:none;width:53pt;"> </td></tr><tr><td style="height:29.0pt;width:53pt;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;">lorem</td><td> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;">lorem</td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td></tr><tr><td style="border-bottom:1.0pt solid black;border-right:1.0pt solid black;height:61.0pt;width:159pt;" colspan="3" rowspan="4">lorem</td><td style="border-left-style:none;">lorem</td><td> </td><td style="text-align:right;width:111pt;">lorem</td><td style="border-left-style:none;"> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr><td style="border-left-style:none;height:15.0pt;">lorem</td><td> </td><td style="width:111pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td></tr><tr><td style="border-left-style:none;height:15.0pt;">lorem</td><td> </td><td style="text-align:right;width:111pt;">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td></tr><tr><td style="border-left-style:none;height:16.0pt;">lorem</td><td> </td><td style="text-align:right;width:111pt;">lorem</td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td></tr><tr><td style="border-right:1.0pt solid black;height:57.0pt;width:159pt;" colspan="3">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;width:225pt;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;width:164pt;" colspan="2">lorem</td><td style="border-left-style:none;width:53pt;">lorem</td><td style="border-left-style:none;width:53pt;">lorem</td><td style="border-left-style:none;width:53pt;">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;width:106pt;" colspan="2">lorem</td></tr><tr><td style="border-bottom:1.0pt solid black;height:31.0pt;width:159pt;" colspan="3" rowspan="2">lorem</td><td style="border-bottom:1.0pt solid black;border-right:1.0pt solid black;width:225pt;" colspan="2" rowspan="2">lorem</td><td style="border-bottom:1.0pt solid black;border-right:1.0pt solid black;width:164pt;" colspan="2" rowspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;width:53pt;">lorem</td><td style="border-bottom:1.0pt solid black;border-top-style:none;width:53pt;" rowspan="2">lorem</td><td style="border-bottom:1.0pt solid black;border-top-style:none;width:53pt;" rowspan="2">lorem</td><td style="border-bottom:1.0pt solid black;border-right:1.0pt solid black;width:106pt;" colspan="2" rowspan="2">lorem</td></tr><tr><td style="border-left-style:none;height:16.0pt;width:53pt;">lorem</td></tr><tr><td style="border-right:.5pt solid black;height:15.0pt;width:159pt;" colspan="3">lorem</td><td>lorem</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr><td style="border-right:.5pt solid black;height:15.0pt;width:159pt;" colspan="3">lorem</td><td style="border-top-style:none;">lorem</td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td></tr><tr><td style="border-right:.5pt solid black;height:16.0pt;width:159pt;" colspan="3">lorem</td><td style="border-top-style:none;">lorem</td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td><td style="border-top-style:none;"> </td></tr><tr><td style="border-top-style:none;height:71.0pt;width:53pt;">lorem</td><td style="border-left-style:none;width:106pt;" colspan="2">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;width:111pt;">lorem</td><td style="width:53pt;">lorem</td><td style="width:53pt;">lorem</td><td style="border-left-style:none;width:53pt;">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="3">lorem</td></tr><tr><td style="height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;">lorem</td><td style="width:53pt;">lorem</td><td style="width:53pt;">lorem</td><td style="border-left-style:none;">lorem</td><td style="border-right:.5pt solid black;" colspan="3">lorem</td></tr><tr><td style="height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="border-right:.5pt solid black;" colspan="3">lorem</td></tr><tr><td style="border-top-style:none;height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;">lorem</td><td style="width:53pt;">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="border-right:.5pt solid black;" colspan="3">lorem</td></tr><tr><td style="border-top-style:none;height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-right:.5pt solid black;" colspan="3"> </td></tr><tr><td style="border-top-style:none;height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-right:.5pt solid black;" colspan="3"> </td></tr><tr><td style="border-top-style:none;height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-right:.5pt solid black;" colspan="3"> </td></tr><tr><td style="border-top-style:none;height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-right:.5pt solid black;" colspan="3"> </td></tr><tr><td style="border-top-style:none;height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-right:.5pt solid black;" colspan="3"> </td></tr><tr><td style="border-top-style:none;height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-right:.5pt solid black;" colspan="3"> </td></tr><tr><td style="border-top-style:none;height:15.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-right:.5pt solid black;" colspan="3"> </td></tr><tr><td style="border-top-style:none;height:16.0pt;">lorem</td><td style="border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;" colspan="2">lorem</td><td style="border-left-style:none;border-top-style:none;">lorem</td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="border-left-style:none;border-top-style:none;"> </td><td style="border-right:.5pt solid black;" colspan="3"> </td></tr><tr><td style="height:16.0pt;">lorem</td><td style="border-right:1.0pt solid black;width:106pt;" colspan="2">lorem</td><td style="border-left-style:none;border-right:1.0pt solid black;width:225pt;" colspan="2">lorem</td><td style="width:111pt;">lorem</td><td style="border-left-style:none;width:53pt;"> </td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="width:53pt;"> </td></tr><tr><td style="border-right:1.0pt solid black;height:16.0pt;" colspan="5">lorem</td><td style="border-top-style:none;width:111pt;">lorem</td><td style="border-left-style:none;width:53pt;"> </td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="width:53pt;"> </td><td style="width:53pt;"> </td></tr><tr><td style="border-bottom:.5pt solid black;height:77.0pt;width:159pt;" colspan="3" rowspan="5">lorem</td><td style="width:654pt;" colspan="9">lorem</td></tr><tr><td style="height:15.0pt;width:654pt;" colspan="9">lorem</td></tr><tr><td style="border-right:.5pt solid black;height:15.0pt;" colspan="9">lorem</td></tr><tr><td style="border-right:.5pt solid black;height:15.0pt;" colspan="9">lorem</td></tr><tr><td style="border-right:.5pt solid black;height:16.0pt;" colspan="9">lorem</td></tr></tbody></table></figure>✔️ Expected result
Background is applied to all cells
❌ Actual result
Background is not applied to some cells
Screen.Recording.2024-11-26.at.15.38.17.mov
📃 Other details
If you'd like to see this fixed sooner, add a 👍 reaction to this post.
The text was updated successfully, but these errors were encountered: