@meriem I got a bit of a creative solution and cobbled together the attached template.
It doesn’t use tables but relies on Flex box layout. The main text container is a div element for which I have set the number of columns to 2 (see the cases_styles.css).
Each line a simple HTML structure fetched from a Handlebars snippet. A script iterates of the detail data and adds this strucuture for each detail line. The scripts checks of this box with columns overflows using the overflows() command from the OL Connect Designer scripting API. When there is overflow it reverts the last step and adds a new two column box after the initial one.
I ran some quick tests and it seems to do the trick (I did not check performance for larger data sets). Perhaps things are a bit unconventional but think it is still interesting to share.
I’ve used .json data for testing. Choose File > Add Data > JSON Sample Data to load this file (or click the Sample Data icon on the toolbar of the Data Model view).
Hope this helps,
Erik
table-flow.zip (8.4 KB)
columns-overflows-table-withheaders.OL-template (24.0 KB)