School Commit Init
This commit is contained in:
@@ -0,0 +1,95 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Dynamic Table</title>
|
||||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
||||
<style>
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border: 1px solid black;
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table id="dynamic-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Delete</th>
|
||||
<th>Data 1</th>
|
||||
<th>Data 2</th>
|
||||
<th>Data 3</th>
|
||||
<th>Data 4</th>
|
||||
<th>Data 5</th>
|
||||
<th>Add</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><button class="delete-row">Delete</button></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td><button class="add-row">Add</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button class="delete-row">Delete</button></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td><button class="add-row">Add</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button class="delete-row">Delete</button></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td><button class="add-row">Add</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button class="delete-row">Delete</button></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td><button class="add-row">Add</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><button class="delete-row">Delete</button></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td contenteditable="true"></td>
|
||||
<td><button class="add-row">Add</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<script src="script.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user