diff --git a/source/screens/demo/examples/ui/table.liquid b/source/screens/demo/examples/ui/table.liquid
index 654a865..eefa18c 100755
--- a/source/screens/demo/examples/ui/table.liquid
+++ b/source/screens/demo/examples/ui/table.liquid
@@ -21,11 +21,14 @@ tags:
- | # |
+ # |
+ |
+ # |
+ Number |
+ Name |
+ Description |
+ Price |
|
- name |
- random |
- description |
@@ -36,10 +39,27 @@ tags:
|
- |
+
+
+ |
|
|
|
+ {% comment %} | {% endcomment %}
+
+
+ |
+ |
+
+
+ |
{% render 'hippie/partials/frame-mode.liquid' %}
@@ -80,6 +100,8 @@ tags:
const tbody = document.querySelector('main.io section > table');
const template = document.querySelector('#default-row');
+ const currencyEuro = new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' });
+
for (let i = 0; i < 256; i++) {
const clone = document.importNode(template.content, true);
const tr = clone.querySelector('tr');
@@ -91,9 +113,11 @@ tags:
tr.setAttribute('data-id', i);
th.textContent = i + 1;
- td[1].textContent = placeholderNames[j];
- td[2].textContent = randomIntFrom(1, i).toString();
- td[3].innerHTML = replaceLineBreaks(placeholderContents[k]);
+ td[3].textContent = placeholderNames[j];
+ // td[2].innerHTML = replaceLineBreaks(placeholderContents[k]);
+ td[4].firstElementChild.textContent = placeholderContents[k];
+ // td[5].textContent = randomIntFrom(1, i).toString();
+ td[5].textContent = currencyEuro.format(randomFloatFrom(1, 1000000, 2));
tbody.appendChild(clone);
}
diff --git a/source/style/hippie-style b/source/style/hippie-style
index 4e4f881..0623e81 160000
--- a/source/style/hippie-style
+++ b/source/style/hippie-style
@@ -1 +1 @@
-Subproject commit 4e4f8814d319c2f2a26a3ae5ab1c812e1aac8483
+Subproject commit 0623e818a49176ca7516a88943e07a882ba5262d