---
title: "Uppdatera table..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/190580-uppdatera-table"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Anse"
published: "2012-10-25T06:03:47.000Z"
updated: "2012-10-28T17:21:10.000Z"
replies: 7
views: 652
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/190580-uppdatera-table"
---

# Uppdatera table...

## #1 — Anse, 2012-10-25T06:03Z

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?

Permalänk: https://www.webforum.nu/p/190580

## #2 — voigtann1, 2012-10-25T06:12Z

skriva ut menar du med en utskrift eller att den inte renderas ut på sidan?

Permalänk: https://www.webforum.nu/p/2305496

## #3 — Anse, 2012-10-25T06:36Z

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...

Permalänk: https://www.webforum.nu/p/2305497

## #4 — voigtann1, 2012-10-25T07:51Z

kan du lägga upp koden?

Permalänk: https://www.webforum.nu/p/2305498

## #5 — Anse, 2012-10-25T09:01Z

Här e scriptet.

```
 
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:

 

```
<div id="tcontainer"> </div>
```

Kör igång scriptet från body onload...

Permalänk: https://www.webforum.nu/p/2305501

## #6 — Anse, 2012-10-25T09:06Z

```
    // 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

Permalänk: https://www.webforum.nu/p/2305502

## #7 — voigtann1, 2012-10-25T09:20Z

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?

Permalänk: https://www.webforum.nu/p/2305504

## #8 — Anse, 2012-10-28T17:21Z

Tack för hjälpen!

Permalänk: https://www.webforum.nu/p/2305584

---

Tråden på webben: https://www.webforum.nu/amne/javascript/190580-uppdatera-table
