JSFiddle - React, Tailwind, and code Playground

by Stephane de Luca

HTML

<table class="impactCauseCure ng-scope" style="height: 500px; background-color: rgb(252, 252, 252); bborder: solid 1px red;" ng-if="!accident.description.definition">
			<thead>
				<tr>
					<th style="border-right-color: white; border-right-width: 6px; border-right-style: solid;">Impact</th>
					<th style="border-right-color: white; border-right-width: 6px; border-right-style: solid;">Causes</th>
					<th>Remèdes</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<!-- impact column -->
					<td style="border-right-color: white; border-right-width: 6px; border-right-style: solid;">
						<div class="vScrollable" style="height: 330px;">
							<ul>
								<li>
									<div>
										<div>
											<span>Grain&nbsp;:</span>
											<ul>
												<li>
													<span>Baisse du rendement (nombre de grains/épi plus faible, baisse du poids des grains)</span>
												</li>
                                                <li>
													<span >Sénescence plus rapide la plante</span>
												</li>
                                                <li>
													<span>Sensibilisation accrue à la fusariose des tiges</span>
												</li>
											</ul>
										</div>
									</div>
								</li>
                                <li>
									<div>
										<div>
											<span>Fourrage&nbsp;:</span>
											<ul>
												<li>
													<span>Baisse du rendement</span>
												</li>
                                                <li>
													<span>Baisse de la concentration en M.A.T. du fourrage</span>
												</li>
                                                <li>
													<span>Dessèchement des feuilles influençant le taux de MS</span>
												</li>
											</ul>
										</div>
									</div>
								</li>
								<li>—</li>
							</ul>
						</div>
					</td>

					<!-- cause column -->
					<td style="vertical-align: top; border-right-color: white; border-right-width: 6px; border-right-style:...

CSS

.vScrollable {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
}