@sdetweil said in Help with creating a table:

welcome to the fun.

you misspelt nightmare…
Thanks for your help!

In the main.css is:

.region table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}

shouldn’t it look like this? :

.region.table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}

@sdetweil hahaha, worked with line-height and span style=display now…
Im pretty happy with the results now:

Just need to calculate the HTLV ratio, but thats another problem I have to solve myself

The problem was the p tag, but now the break is too big inbetween the lines…

Thats the view with the developer console

@sdetweil yes, I know, but it didn’t worked Out

@BKeyport thanks I will Look into it later!

@sdetweil still no success, nothing happens with height: 0px; or

also because of the main.css the table is getting expanded over the whole screen

.region table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}

Could it be, that the main.css is interupting something more than just the width? removed this point from the css earlier, didn’t thought about that…

After hours of testing I’m at my end…

Thats the result so far:

I want to shrink the cells down, but I can’t find a way to do it…

I tried it with height, line-height, padding and so on…

Do you have any ideas?

@sdetweil aaaaaaaah, thank you

@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?

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?