I am not an UI expert, just creating a simple HTML page to display the logs from database table in outlook. couple of rows has exception details and it seems to override the table width attribute. Someone suggested me to go with inline styling and it doesn't seems to help either.
Any help would be appreciated. ( Devastated after trying of more than 100 methods)
Am I missing something. Below is the screenshot and html for your reference.
HTML code:
<?xml version="1.0" encoding="UTF-8"?><html xmlns:tns6="http://dewa.gov.ae/SmartGrid/xsd/Logger_v1_0_0_0.xsd" xmlns:tib="http://www.tibco.com/bw/xslt/custom-functions"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
h2{
text-align: center;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
color: black;
}
</style>
</head>
<body>
<h2>LogData</h2>
<table border="0" bgcolor="#fff" cellpadding="0" cellspacing="0" width="300" height="100%">
<tbody>
<tr>
<th style="margin:0 auto; border: 1px solid black;">UUID</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
2821d9cc-e9c4-4823-86d0-6f88944ec488</td>
</tr>
<tr>
<th style="margin:0 auto; border: 1px solid black;">InterfaceId</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
11111</td>
</tr>
<tr>
<th style="margin:0 auto; border: 1px solid black;">ApplicationName</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
adadfadsfsf</td>
</tr>
<tr>
<th>ComponentName</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
adadfadsfsf</td>
</tr>
<tr>
<th>SourceApplicationName</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
adadfadsfsf</td>
</tr>
<tr>
<th>TargetApplicationName</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
adadfadsfsf</td>
</tr>
<tr>
<th>Message</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
adadfadsfsf</td>
</tr>
<tr>
<th>EngineName</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
adadfadsfsf</td>
</tr>
<tr>
<th>TransactionTimeStamp</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
2019-12-08T16:29:04.408+04:00</td>
</tr>
<tr>
<th>TimeStamp</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
2019-12-08T16:29:04.408+04:00</td>
</tr>
<tr>
<th>Exception</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
<?xml version="1.0" encoding="UTF-8"?><tns:logdata xmlns:tns="http://dewa.gov.ae/SmartGrid/xsd/Logger_v1_0_0_0.xsd" xmlns:tib="http://www.tibco.com/bw/xslt/custom-functions"><tns:logdata><tns:uuid>cac7e8c7-5b76-4f54-a193-a4230c7a4ba2</tns:uuid><tns:interfaceid>11111</tns:interfaceid><tns:applicationname>adadfadsfsf</tns:applicationname><tns:componentname>adadfadsfsf</tns:componentname><tns:sourceapplicationname>adadfadsfsf</tns:sourceapplicationname><tns:targetapplicationname>adadfadsfsf</tns:targetapplicationname><tns:message>adadfadsfsf</tns:message><tns:enginename>adadfadsfsf</tns:enginename><tns:transactiontimestamp>2019-12-05T12:22:17.901+04:00</tns:transactiontimestamp><tns:timestamp>2019-12-05T12:22:17.901+04:00</tns:timestamp><tns:logtype>INFO</tns:logtype></tns:logdata></tns:logdata></td>
</tr>
<tr>
<th>LogType</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
INFO</td>
</tr>
<tr>
<th>EventPayload</th>
<td bgcolor="#fafafa" width="150" style="margin:0 auto; border: 1px solid black;" align="left" height="100%">
<?xml version="1.0" encoding="UTF-8"?><tns:logdata xmlns:tns="http://dewa.gov.ae/SmartGrid/xsd/Logger_v1_0_0_0.xsd" xmlns:tib="http://www.tibco.com/bw/xslt/custom-functions"><tns:logdata><tns:uuid>cac7e8c7-5b76-4f54-a193-a4230c7a4ba2</tns:uuid><tns:interfaceid>11111</tns:interfaceid><tns:applicationname>adadfadsfsf</tns:applicationname><tns:componentname>adadfadsfsf</tns:componentname><tns:sourceapplicationname>adadfadsfsf</tns:sourceapplicationname><tns:targetapplicationname>adadfadsfsf</tns:targetapplicationname><tns:message>adadfadsfsf</tns:message><tns:enginename>adadfadsfsf</tns:enginename><tns:transactiontimestamp>2019-12-05T12:22:17.901+04:00</tns:transactiontimestamp><tns:timestamp>2019-12-05T12:22:17.901+04:00</tns:timestamp><tns:logtype>INFO</tns:logtype></tns:logdata></tns:logdata></td>
</tr>
</tbody>
</table>
<br>
<hr>
<font face="Arial" color="Black" size="1"><br>
Our Vision: A globally leading sustainable innovative corporation.<br>
<p>Our Mission: We are committed and aligned to Dubai’s 8 Principles and 50-Year Charter supporting the UAE’s directions through the delivery of global leading services and innovative energy solutions enriching lives and ensuring the happiness of our stakeholders
in a sustainable manner.<br>
</font></p>
<hr>
<font face="Arial" color="Green" size="1"><br>
Please consider the environment before printing this email.<br>
<p></p>
</font>
</body>
</html>