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 6.5k 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
      sdetweil @Schmaniel
      last edited by

      @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 Reply Quote 0
      • S Offline
        Schmaniel @sdetweil
        last edited by

        @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 Reply Quote 0
        • S Offline
          sdetweil @Schmaniel
          last edited by

          @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 Reply Quote 0
          • BKeyportB Offline
            BKeyport Module Developer
            last edited by

            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
            • S Offline
              Schmaniel @sdetweil
              last edited by

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

              @BKeyport thanks I will Look into it later!

              1 Reply Last reply Reply Quote 0
              • S Offline
                Schmaniel
                last edited by

                Thats the view with the developer console
                5539253b-960c-457a-9aea-be8fe5fc3cc9-grafik.png

                1 Reply Last reply Reply Quote 0
                • S Offline
                  Schmaniel
                  last edited by

                  The problem was the p tag, but now the break is too big inbetween the lines…a1204375-c435-430d-a355-0b1c9a804bf4-grafik.png

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Schmaniel
                    last edited by sdetweil

                    @Schmaniel paragraph AND a line break?
                    too much space ?
                    come on man.

                    thats why they creared div and span

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    S 1 Reply Last reply Reply Quote 1
                    • S Offline
                      Schmaniel @sdetweil
                      last edited by Schmaniel

                      @sdetweil hahaha, worked with line-height and span style=display now…
                      Im pretty happy with the results now:
                      a3bfaab5-246a-4d23-9d0d-88b97b8a68e5-grafik.png

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

                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @Schmaniel
                        last edited by

                        @Schmaniel good

                        and if u set a class instead of the individual styles then u can change them in custom.css without changing the code and fiddle w them in the elements view of the dev env to get them like u want 1st…

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 2 / 3
                        • First post
                          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