Aide sur un tableau

stryk

14 Oct 2020 à 16:08

Salut,

Ne sachant pas comment tu veux l'exploiter, je me suis contenté de trier selon le tableau proposé ...
Voici un exemple qui fonctionne selon ce que tu as demandé, n'hésites pas si ce n'est pas ce que tu veux !


<!DOCTYPE html>

<html>

	<head>
	
		<style>
		
			.table {
				display: inline-block;
				vertical-align: top;
			}
			
			table, th, td { border: 1px solid black; }

			.put { background-color: yellow; }
			
			#hidden { visibility: hidden; }
		
		</style>
	
		<script>
		
			const sortValues = function () {
			
				const values = document.getElementsByClassName('get');
				const results = document.getElementsByClassName('put');
				
				for ( let i = 0; i < values.length; i++ ) {
				
					results[i].innerText = values[i].innerText;
				
				}
				
				hidden.style.setProperty('visibility', 'visible');
			
			};
			
		</script>
	
	</head>

	<body>

		<div class="table">
		
			<table>
				<tr>
					<th>A</th>
					<th>B</th>
					<th>C</th>
				</tr>
				<tr>
					<td class="get">abc@gmail.com</td>
					<td class="get">abc@yahoo.com</td>
					<td class="get">abc@aol.com</td>
				</tr>
				<tr>
					<td class="get">abcd@gmail.com</td>
					<td class="get">abcd@yahoo.com</td>
					<td class="get">abcd@aol.com</td>
				</tr>
			</table>
			
		</div>
		
		<div class="table">
		
			<table id="hidden">
				<tr><th>D</th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
				<tr><td class="put"></th></tr>
			</table>
			
		</div>
		
		<button onclick="sortValues();">Trier</button>

	</body>

</html>

Questions générales et questions de débutants

Aide sur un tableau