jsHtml2Ods/demos/build.html

66 lines
1.7 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Exemple après compilation dans Dist</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link href="dist.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../dist/html2ods.js"></script>
<script>
function fodsLink() {
let link = document.getElementById("link");
link.href = URL.createObjectURL(
Html2Ods.blob("table")
);
setTimeout(function () {
URL.revokeObjectURL(link.href);
}, 4E4); // 40s
return true;
}
</script>
</head>
<body>
<h1>Exemple d'utilisation de jsHtml2Ods</h1>
<div>
<p><a href="blob:" download="table.fods" id="link" onclick="fodsLink()" id="link">Version ODS</a></p>
<table id="table"
data-od-sheetname="Tableau des clients"
data-od-currency="EUR"
data-od-fixed-rows="2"
data-od-fixed-columns="1">
<colgroup>
<col data-od-width="4cm">
<col span="2" data-od-style="Date">
<col>
<col>
</colgroup>
<colgroup span="2" class="moyennecolonne">
</colgroup>
<thead>
<tr data-od-style="Entete">
<th rowspan="2">Client</th>
<th colspan="2">Dates</th>
<th rowspan="2">Nuitées</th>
<th rowspan="2">Facture</th>
</tr>
<tr>
<th class="small">Départ</th>
<th class="small">Arrivée</th>
</tr>
</thead>
<tbody>
<tr>
<td>Victor Hugo</td>
<td data-od-type="date" data-od-text="2020-12-01">01/12/2020</td>
<td data-od-type="date" data-od-text="2021-01-11">11/01/2021</td>
<td data-od-type="number" class="number">40</td>
<td data-od-type="currency" data-od-text="1250" class="number">1 250 €</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>