Uppdatera table...

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Anse
    Medlem
    • 2012-10-25
    • 19

    #1

    Uppdatera table...

    Hejsan.

    Jag har en div-kontainer på html-sidan som jag vill använda för att visa en table.
    Skapar en table i js som hämtar data från en array.

    Problemet är att jag får inte utskriften av en uppdaterad table att fungera, eller den skriver ut men det hamnar på en "tom" sida.

    Känns det igen?
  • voigtann1
    Forumvärd
    • 2001-06-14
    • 8810

    #2
    skriva ut menar du med en utskrift eller att den inte renderas ut på sidan?
    "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

    Comment

    • Anse
      Medlem
      • 2012-10-25
      • 19

      #3
      den renderas ut på samma sida men tömmer hela sidan på innehåll. endast tablen:n visas...

      Antar att det har med att jag ska rendera det i en div-container så att inte allt annat försvinner...

      Har delat upp sidan i två delar... den vänstra sköter inmatningen, i vänstra ska tabellen visas...

      Comment

      • voigtann1
        Forumvärd
        • 2001-06-14
        • 8810

        #4
        kan du lägga upp koden?
        "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

        Comment

        • Anse
          Medlem
          • 2012-10-25
          • 19

          #5
          Här e scriptet.

          Code:
           
          var rows = 6;
          var columns = 3;
          
          function draw()
          {
             var platser = document.getElementById("tcontainer");
          
              var tbl = document.createElement("table");
              var tblBody = document.createElement("tbody");
          
              // skapa celler
              for(var i = 0; i < rows; i++)
              {
                  // skapa rad
                  var row = document.createElement("tr");
          
                  for(var j = 0; j < columns; j++)
                  {
                      // skapa <td> element samt text node
                      var cell = document.createElement("td");
                      var cellText = document.createTextNode("TEST");
                      cell.appendChild(cellText);
                      row.appendChild(cell);
                  }
                  // sätter tbody i slutet på table body
                  tblBody.appendChild(row);
              }
          I html har jag bara:

          HTML Code:
          <div id="tcontainer"> </div>
          Kör igång scriptet från body onload...

          Comment

          • Anse
            Medlem
            • 2012-10-25
            • 19

            #6
            Code:
                // sätter <tbody> i <table>
                tbl.appendChild(tblBody);
                // sätter <table> till <body>
                platser.appendChild(tbl);
                tbl.setAttribute("border", "2");
            missade dessa i förra inlägget... ligger utanför for-loopen

            Comment

            • voigtann1
              Forumvärd
              • 2001-06-14
              • 8810

              #7
              fungera att skriva ut för mig, få en fin tabell på papper med 6 rader och 3 kolumner. Vilken webbläsare försöker du skriva ut den på? har du någon CSS som gör att den bli för stor/fel plats så den inte kommer med på pappret?
              "det går inte att lära en gammal norrlänning byta namn på irc" - gammalt kinesiskt uttryck

              Comment

              • Anse
                Medlem
                • 2012-10-25
                • 19

                #8
                Tack för hjälpen!

                Comment

                Working...