Hi
Below is a flow I have created to automate an email report.
I however face an issue aligning the HTML table extracted from my excel report
Under Create HTML Table and Compose, below is the settnngs
Compose, Input variable expression: replace(body('Create_HTML_table'),'<th>', '<th align="center">')
Style:
Updating Media<style>
table {
font-family: Calibri, sans-serif;
font-size: 14.5px;
border: 1px solid #1C6EA4;
background-color: #EEEEEE;
width: 20%;
border-collapse: collapse;
}
table td, table th {
border: 1px solid #AAAAAA;
padding: 3px 2px;
}
table tbody td {
font-size: 14.5px;
}
table thead {
background: #1C6EA4;
border-bottom: 2px solid #444444;
}
table thead th {
font-size: 14.5px;
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
}
table thead th:first-child {
border-left: none;
}
</style>
@{outputs('Compose')}
Below is what I want to achieve in my email whereby Column 1 is left aligned and Column 2 is center aligned. This table should be generated from the variable "Style"
| Table Header 1 | Table Header 2 |
| cell 1 | cell 2.1 |
| cell 2 | cell 2.2 |
| cell 3 | cell 2.3 |
| cell 4 | cell 2.4 I tried many ways but the alignment of the table seems to allow only 1 type of alignment. Is there anyway to achieve the above format? |
