JSFiddle - React, Tailwind, and code Playground

by leemeador

HTML

<!DOCTYPE html>
<DIV ID="flushme" style="display: inline">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
<h1>The report is beeing generated. This might take a while...</h1>
</DIV>
<pre> 
<TITLE>Show All Events Generated Today.</TITLE> 
<link rel="stylesheet" type="text/css" href="tablestyle.css"> 
<BODY BGCOLOR="#EFEFFF"> 
<TABLE class="DataTable"> 
<TR> 
 <TH COLSPAN="2" ALIGN="CENTER">Show All Events Generated Today.</TH> 
</TR> 
</TABLE> 
<TABLE class="DataTable" border="1" cellpadding="5" cellspacing="3" width=100% > 
<TR> 
 <TH>Message</TH> 
 <TH>Count</TH> 
 <TH>EventLog</TH> 
 <TH>EventID</TH> 
 <TH>EventType</TH> 
 <TH>EventTypeName</TH> 
 <TH>SourceName</TH> 
</TR> 
 
<TR> 
 <TD>Login succeeded for user 'NT SERVICE\ReportServer$SQLEXPRESS'. Connection made using Windows authentication. [CLIENT: <local machine>] </TD> 
 <TD>149</TD> 
 <TD>Application</TD> 
 <TD>18453</TD> 
 <TD>8</TD> 
 <TD>Success Audit event</TD> 
 <TD>MSSQL$SQLEXPRESS</TD> 
</TR> 
 
<TR> 
 <TD>Starting up database...

CSS

table.DataTable {
color : black;
background : #fff;
border : 1px solid #B4B4B4;
font : bold 17px Helvetica;
padding : 0;
color : #666;
border-collapse : collapse;
margin : 15px 10px 17px 10px;
vertical-align : middle;
text-align : center;
-webkit-border-radius : 8px;
width : 98%;
}

table.DataTable td {
padding : 8px 10px 8px 10px;
  
  text-align:left;
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

table.DataTable th {
color : black;
padding : 8px 10px 8px 10px;
}

table.DataTable tr {

}