Cara Membatasi Jumlah Baris Tabel HTML dengan JavaScript dan PHP
<!DOCTYPE html>
<html>
<head>
<title>Show Rows Example</title>
<style>
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 8px;
}
</style>
</head>
<body>
<table id="myTable">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
</tr>
<tr>
<td>David</td>
<td>35</td>
</tr>
<tr>
<td>Sarah</td>
<td>40</td>
</tr>
</table>
<script>
function showRows(rowCount) {
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
for (var i = 1; i < rows.length; i++) {
if (i <= rowCount) {
rows[i].style.display = "table-row";
} else {
rows[i].style.display = "none";
}
}
}
showRows(2); // Menampilkan 2 baris pertama
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Show Rows Example</title>
<style>
table {
border-collapse: collapse;
}
th, td {
border: 1px solid black;
padding: 8px;
}
</style>
</head>
<body>
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<?php
$rowCount = 2; // Jumlah baris yang ingin ditampilkan
$data = array(
array("John", 25),
array("Jane", 30),
array("David", 35),
array("Sarah", 40)
);
for ($i = 0; $i < $rowCount; $i++) {
echo "<tr>";
echo "<td>" . $data[$i][0] . "</td>";
echo "<td>" . $data[$i][1] . "</td>";
echo "</tr>";
}
?>
</table>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/pHu2 著作权归作者所有。请勿转载和采集!