Unanswered

Compose HTML Table with 02 columns only. Column -1: Header list; Column -2: Value

(0) Share

Report

Posted on by sudhansu2050

Need help: the default Compose HTML table is creating a horizontal table of two rows with 'n' number of columns. This makes the user to scroll left to right when the data fields are more.

How can the HTML table be composed with 2 columns and 'n' number of rows.

May be the CSS used by me is not appropriate. Refer the screenshot for more illustration.

Categories:

Building flows

Screenshot 2024-0...

I have the same question (0)

All responses (3)

Answers (1)

SudeepGhatakNZ 14,394 Most Valuable Professional on at

Like (0)

Report

Can you send me the output of Get items?

Will the table always have a single row?

Was this reply helpful? Yes No
sudhansu2050 24 on at

Like (0)

Report

The flow structure and HTML table:

Output of Create HTML table:
{
"body": "<table><thead><tr><th>Request Created By</th><th>Type of Work</th><th>Priority</th></tr></thead><tbody><tr><td>Sudhansu Choudhury</td><td>Building Painting</td><td>Low</td></tr></tbody></table>"
}

Output Compose HTML Table:
"<style>\n\ntable, td, th { \n\n border: 1px solid #ddd;\n\n text-align: left;\n\n}\n \ntable {\n\n border-collapse: collapse;\n\n width: 100%;\n\n}\n \nth, td {\n\n padding: 15px;\n\n}\n\n</style>\n\n\n\n\n<p><table><thead><tr><th>Request Created By</th><th>Type of Work</th><th>Priority</th></tr></thead><tbody><tr><td>Sudhansu Choudhury</td><td>Building Painting</td><td>Low</td></tr></tbody></table></p>"

Was this reply helpful? Yes No
Verified answer

Chriddle 8,436 Super User 2025 Season 2 on at

Like (1)

Report
You have to restructure your data.

Since the output of a "Create HTML table" is also XML, you can use xpath with it:

Compose

<table> <thead> <tr> <th>Request Created By</th> <th>Type of Work</th> <th>Priority</th> </tr> </thead> <tbody> <tr> <td>Sudhansu Choudhury</td> <td>Building Painting</td> <td>Low</td> </tr> </tbody> </table>

Select

From

range( 0, length( xpath( xml(outputs('Compose')), '//thead/tr/th' ) ) )

Map Key

xpath( xml(outputs('Compose')), '//thead/tr/th/text()' )[item()]

Map Value

first( xpath( xml(outputs('Compose')), concat('//tbody/tr/td[', add(1, item()), ']/text()') ) )

Was this reply helpful? Yes No