JSFiddle - React, Tailwind, and code Playground

HTML

<body class="">
    <form method="post" action="./Start.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="XKeK4zfACRxkwBJ4dt6C+DAgKvOCHzc/OgctUFdbablSE5ukXYz3RublX4Mb+rL9XHN20OrHMoIz8eWXSiVejpL9b8I2Pt+i415kqB1LQ5U=">
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="5EA338BD">
</div>
<header>
            <div class="title">
                <div class="logo">
                    
                        
                </div>
                <div class="text">
                    <h1>TESTTESTTEST</h1>
                </div>
            </div>

            
        </header>
        <div class="content">
            <div class="scrollable">
                <table id="TasksTable" class="container JColResizer"><thead><tr class="table-header">
		<th style="width: 13.9%;">TEST</th><th style="width: 13.9%;">TEST</th><th style="width: 14%;">TEST</th><th style="width: 14%;">TEST</th><th style="width: 14%;">TEST</th><th style="width: 14%;">TEST</th><th style="width: 14%;">TEST</th><th class="expandHeaderCell" style="width: 2.2%;"></th>
	</tr></thead>
	<tbody><tr id="7428" class="testtr" style="background-color:Pink;">
		<td>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Lorem ipsum dolor sit amet enim. Etiam ullamcorper.</td><td>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Lorem ipsum dolor sit amet enim. Etiam ullamcorper.</td><td>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Lorem ipsum dolor sit amet enim. Etiam...

CSS

body {
    background-color: #e8b03a;
    overflow:hidden;
}
.content {
    position:absolute;
    height: 100%;
    margin: 0 auto;
    overflow:hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

header {
    margin-bottom: 15px;
    
    top:0;
    height: 200px !important;.sc
}
.scrollable {
    height: 100%;
    overflow-y: scroll;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.scrollable::-webkit-scrollbar {
    /* This is the magic bit */
    display: none;
}
.container {
    width: 99%;
    height:100%;
}

    .container tr {
        text-align: center;
        
    }

    .container th {
        height: 25px;
        background-color: #73697f;
        border: 1px white;
    }
.testtr {
    height: 105px;
}
.expandHeaderCell {
    width: 40px;
    background-color: #e8b03a !important;
}

.expand {
    width: 45px;
    height: 45px;
    background-color:red;
}
.noScroll{
    overflow:hidden;
}

table {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}