JSFiddle - React, Tailwind, and code Playground
by HemalathaThanigaivel
HTML
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap" rel="stylesheet">
<head>
<title>alpha_pro_v3.0</title>
<style type="text/css">
body {
margin: 0 auto;
font-family: 'Lato', sans-serif;
width: 100%;
max-width: 1130px;
-webkit-print-color-adjust: exact;
}
.tableGrid tbody tr:nth-child(odd) {
background-color: #f9f9f9;
}
.header .triangle-0 {
width: 0px;
height: 0px;
position: absolute;
top: 0px;
right: -1px;
margin: 0;
border-bottom: solid 46px #2767b1;
border-right: solid 46px #2767b1;
border-left: solid 38px transparent;
border-top: solid 56px transparent;
}
.triangle-0 {
width: 0px;
height: 0px;
position: absolute;
top: 0px;
right: -6px;
margin: 0;
border-bottom: solid 61px #2767b1;
border-right: solid 65px #2767b1;
border-left: solid 65px transparent;
border-top: solid 65px transparent;
}
.triangle {
display: inline-block;
margin: 0 5px;
vertical-align: middle;
}
@media print {
footer {
position: fixed;
bottom: 0;
width: 100%;
}
}
.legendText {
font-size: 12px;
color: #666;
}
</style>
<script src="https://d3js.org/d3.v4.min.js"></script>
</head>
<body style="width: 831px;padding: 0;">
<div style="margin-top: 25px;">
<div style="...