• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Help with creating a table

Scheduled Pinned Locked Moved Development
22 Posts 4 Posters 5.8k Views 4 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    Schmaniel
    last edited by Jan 27, 2021, 10:20 AM

    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?

    S 1 Reply Last reply Jan 27, 2021, 12:38 PM Reply Quote 0
    • S Offline
      sdetweil @Schmaniel
      last edited by sdetweil Jan 27, 2021, 12:55 PM Jan 27, 2021, 12:38 PM

      @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

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      S 1 Reply Last reply Jan 27, 2021, 1:03 PM Reply Quote 0
      • S Offline
        Schmaniel @sdetweil
        last edited by Jan 27, 2021, 1:03 PM

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

        S 1 Reply Last reply Jan 27, 2021, 1:14 PM Reply Quote 0
        • S Offline
          sdetweil @Schmaniel
          last edited by Jan 27, 2021, 1:14 PM

          @Schmaniel yes, 0.

          doesnt NEED 1 second. should TAKE 1 second

          so.u slowed it down

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          S 1 Reply Last reply Jan 27, 2021, 1:15 PM Reply Quote 0
          • S Offline
            Schmaniel @sdetweil
            last edited by Jan 27, 2021, 1:15 PM

            @sdetweil aaaaaaaah, thank you :)

            1 Reply Last reply Reply Quote 0
            • S Offline
              Schmaniel
              last edited by Jan 27, 2021, 3:05 PM

              After hours of testing I’m at my end…

              Thats the result so far:
              880d1c7e-84c7-4fc8-b334-36caee71f2c4-grafik.png

              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?

              S 1 Reply Last reply Jan 27, 2021, 3:21 PM Reply Quote 0
              • S Offline
                sdetweil @Schmaniel
                last edited by Jan 27, 2021, 3:21 PM

                @Schmaniel
                see https://stackoverflow.com/questions/17342181/how-to-fit-html-table-row-to-its-content

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                S 1 Reply Last reply Jan 27, 2021, 6:37 PM Reply Quote 0
                • S Offline
                  Schmaniel @sdetweil
                  last edited by Jan 27, 2021, 6:37 PM

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

                  S 1 Reply Last reply Jan 27, 2021, 7:55 PM Reply Quote 0
                  • S Offline
                    sdetweil @Schmaniel
                    last edited by Jan 27, 2021, 7:55 PM

                    @Schmaniel notice its style=“height:0px;”
                    on the ROW tr

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    S 1 Reply Last reply Jan 28, 2021, 6:16 AM Reply Quote 0
                    • B Offline
                      BKeyport Module Developer
                      last edited by Jan 27, 2021, 8:59 PM

                      The MMM-Multimonth module I created, and had some help re-writing, does an wonderful job of creating a table on the fly that autosizes, and you can use that to see how things work. Just a thought.

                      The "E" in "Javascript" stands for "Easy"

                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 3
                      • 2 / 3
                      2 / 3
                      • First post
                        11/22
                        Last post
                      Enjoying MagicMirror? Please consider a donation!
                      MagicMirror created by Michael Teeuw.
                      Forum managed by Sam, technical setup by Karsten.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy