<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> .mytable {border-collapse:collapse;mso-yfti-tbllook:1184; mso-border-insideh:.75pt solid windowtext;mso-border-insidev:.75pt solid windowtext;} .myth {border:solid windowtext 1.0pt;mso-border-alt:solid windowtext .5pt; background:#D9D9D9;mso-background-themecolor:background1;mso-background-themeshade: 217;padding:.75pt .75pt .75pt .75pt;} div {overflow: auto; height: 100px; width:200px;} td {vertical-align:top;} </style> </head> <body> <div style="height:100px; 300px;"> <table border="1" class="mytable"> <thead> <tr> <th class="myth">#</th> <th class="myth">cause</th> <th class="myth">failureMessage</th> <th class="myth">kafkaMessage</th> <th class="myth">relatedInfo</th> <th class="myth">failureDetails</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>cause1</td> <td>failureMessage1</td> <td> <div> kafkaMessage1 </div> </td> <td> <div> relatedInfo1 </div> </td> <td> <div> failureDetails1 </div> </td> </tr> </tbody> </table> </div> </body> </html>