hyperHTML/test/basic-table.html at master · lineCode/hyperHTML · GitHub

History

56 lines (50 loc) · 1.02 KB

Raw

<!doctype html>

<html>

<head>

</head>

const updateTable = dbs => hyperHTML.bind(document.body)`

<tbody>${dbs.map(toTableRow)}</tbody>

</table>

const toTableRow = data => hyperHTML.wire()`

<tr>

<td>

${data.whatever}

</td>

<td>${makeOtherThing(data.otherThing)}</td>

</tr>

const makeOtherThing = otherThing => hyperHTML.wire()`

onclick="${otherThing.onclick}"

href="${otherThing.link}"

${otherThing.name}

</a>

function onclick(e) {

e.preventDefault();

alert(this.textContent);

}

updateTable([{

whatever: 'Whatever 1',

otherThing: {

link: '#whatever-1',

name: 'This is another thing 1',

onclick: onclick

}

}, {

whatever: 'Whatever 2',

otherThing: {

link: '#whatever-2',

name: 'This is another thing 2',

onclick: onclick

}

}]);

</script>

</html>

hyperHTML/test/basic-table.html at master · lineCode/hyperHTML · GitHub

Expand file tree

Breadcrumbs

basic-table.html

Latest commit

History

Breadcrumbs

basic-table.html

File metadata and controls