Confluence table from ADF document renderer does not display sorting icon

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:
Screen Shot 2021-12-02 at 6.23.16 pm

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” } ] } ] } ] } ] } ] }

2 Likes