Hi Confluence community, at the moment, there looks to be a bug with the Confluence table renderer regarding the Confluence table column sorting function.
As a table is added to the ReactRender with the allowColumnSorting prop, the columns are able to sort, but the arrow is nonexistent. Please refer to the below two screenshots:
Confluence table rendered from ADF document renderer:
An example of HTML from two identical tables are below:
Normal Confluence table:
“
Text Block |
---|
It’s live |
Confluence table rendered from ADF document renderer:
“
Text Block |
---|
It’s live |
The ADF documents from the same two identical tables:
Normal Confluence table:
{“type”:“doc”,“version”:1,“content”:[{“type”:“table”,“content”:[{“type”:“tableRow”,“content”:[{“type”:“tableHeader”,“content”:[{“type”:“paragraph”,“content”:[{“type”:“text”,“text”:“Text Block”,“marks”:[{“type”:“strong”}]}]}]}]},{“type”:“tableRow”,“content”:[{“type”:“tableCell”,“content”:[{“type”:“paragraph”,“content”:[{“type”:“text”,“text”:“It’s live”}]}]}]}]}]}
Confluence table rendered from ADF document renderer:
{“version”: 1,“type”: “doc”, “content”: [ { “type”: “table”, “attrs”: { “isNumberColumnEnabled”: false, “layout”: “default”, “localId”: “9078c554-f6ad-4280-9d99-9d1a0c80f789” }, “content”: [ { “type”: “tableRow”, “content”: [ { “type”: “tableHeader”, “attrs”: {}, “content”: [ { “type”: “paragraph”, “content”: [ { “type”: “text”, “text”: “Text Block”, “marks”: [ { “type”: “strong” } ] } ] } ] } ] }, { “type”: “tableRow”, “content”: [ { “type”: “tableCell”, “attrs”: {}, “content”: [ { “type”: “paragraph”, “content”: [ { “type”: “text”, “text”: “It’s live” } ] } ] } ] } ] } ] }