|
Сообщение от georgV
|
|
2. можно заморозить заголовок таблицы
|
https://codepen.io/jgx/pen/nVKyVW
<!DOCTYPE html>
<html>
<head>
<style>
table {
border: 5px solid rgb(204, 175, 102);
border-collapse: separate;
empty-cells: hide;
}
th,
td {
border: 2px solid #69c;
}
</style>
</head>
<body>
<p>Таблица</p>
<button onclick="cp()"><img src="icon.png" > Сохранить!</button>
<script>
var c, r, t
t = document.createElement('table');
document.body.append(t);
for (let i = 0; i < 3; i++) {
r = t.insertRow();
for (let j = 0; j < 5; j++) {
c = r.insertCell();
c.innerHTML = `<td><input type="text" value="ячейка ${i} ${j}"></td>`;
}
}
function cp() {
let valueAll = Array.from(t.querySelectorAll('input'), ({value})=> value).join('<br>')
document.body.insertAdjacentHTML('beforeend', valueAll)
}
</script>
</body>
</html>