Layout Table

Based on the feature heuristic, upcasted tables will be set to layout tables when one of the below conditions is met:

Besides this, any other table will be set as a content table (regular one).

If a table is recognized as a layout table, any <th> elements it contains will be converted to <td> elements.

Setting header row or column on layout tables is blocked.

Source structure: <table>


Source: <table class="table"> => result = tableType will be layout table

a b c
1 2 3

Source: <table class="table layout-table"> => result = tableType will be layout table

a b c
1 2 3

Source: <table class="table layout-table ck-table-resized" style="width:30%;"> => result = tableType will be layout table with specified columns width


Source: <table class="table layout-table"> containing <caption> => result = tableType will be content table and <caption> will be preserved

Should be content table
a b c
1 2 3

Source: <table class="table content-table"> containing <caption> => result = tableType will be content table and <caption> will be preserved

Should be content table
a b c
1 2 3

Source: <table class="table"> containing <caption> => result = tableType will be content table and <caption> will be preserved

Should be content table
a b c
1 2 3

Source: <table> containing <thead>/<th> => result = tableType will be layout table and <th> will be changed into <td>

0 1 2 3 4
a b c d e
f g h i j
k l m n o
p q r s t

Source: <table class="table layout-table"> containing <thead>/<th> => result = tableType will be layout table and <th> will be changed into <td>

0 1 2 3 4
a b c d e
f g h i j
k l m n o
p q r s t

Source: <table class="table content-table"> containing <thead>/<th> => result = tableType will be content table and <th> will be preserved

0 1 2 3 4
a b c d e
f g h i j
k l m n o
p q r s t

Source structure: <figure><table>


Source: <figure><table> => result = tableType will be content table

Should be content table
a b c
1 2 3

Source: <figure class="table"><table> => result = tableType will be content table

Should be content table
a b c
1 2 3

Source: <figure><table class="table layout-table"> => result = tableType will be content table

Should be content table
a b c
1 2 3

Source: <figure><table> containing <thead>/<th> => result = tableType will be content table and <thead>/<th> will be preserved

0 1 2 3 4
a b c d e
f g h i j
k l m n o
p q r s t

Look of widget type around and selection handle is changed in layout tables, also only hovered table shows mention earlier widget handlers.


Knows issues:

when table or table cell has for example set: border-bottom-width:0 and border-bottom-width:0 - outline is not shown but default border cames in on left and right

a b c
1 2 3

Example table to copy and paste

     
     
b c
1 2 3