Help with creating a table

[Jalibu]

@Schmaniel said in Help with creating a table:

https://pastebin.com/jK2jGmjA

You could either use the nunjucks template engine, which is baked in the magic mirror core or you could use javascript template strings:

let markup = `
<table>
  <tr>
    <td>Matches</td>
    <td>${numMatches}</td>
  </tr>
</table>
`
wrapper.innerHTML = markup

[Schmaniel]

uuh, that worked pretty well, thank you!

Now I’m stuck with the size of the module…

[sdetweil]

@Schmaniel welcome to the fun. 900,000 details to consider. size color, font … css

https://forum.magicmirror.builders/topic/6808/css-101-getting-started-with-css-and-understanding-how-css-works?_=1611671889049

[Schmaniel]

@sdetweil said in Help with creating a table:

welcome to the fun.

you misspelt nightmare…
Thanks for your help!

[sdetweil]

@Schmaniel it gives u an appreciation for the art of good user experience web pages

[Schmaniel]

Everytime my module do an API request to refresh the data, the table is disappearing for a second or two, this shouldn’t be normal, right?

[sdetweil]

@Schmaniel u get new data, then say, this.updateDom(how-fast)

then mm calls your getDom() routine to get the new content to display

so, what is the number u pass to updateDom()

0 means immediately
2000 means transition new content in 2 seconds

[Schmaniel]

@sdetweil thats the code I got:

    start: function() {
        var self = this;
        setInterval(function() {
            self.updateDom(1000);
        }, 60000);
    },

So as I understand now it updates every minute (60000) and it needs 1 second (1000) to update?
Should I change the 1000 to 0, so it updates immediately?

[sdetweil]

@Schmaniel yes, 0.

doesnt NEED 1 second. should TAKE 1 second

so.u slowed it down

[Schmaniel]

@sdetweil aaaaaaaah, thank you :)