---
title: "Dölja delar av tabell?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/123641-dölja-delar-av-tabell"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Jesper T"
published: "2005-03-03T11:40:14.000Z"
updated: "2005-03-08T13:30:54.000Z"
replies: 8
views: 325
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/123641-dölja-delar-av-tabell"
---

# Dölja delar av tabell?

## #1 — Jesper T, 2005-03-03T11:40Z

Går det att på någe vis dölja delar av en tabell, i.s.f. hur?
ex. det fetmarkerade kan togglas hide/block.

```
<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    [b]<tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>[/b]
</table>
```

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

## #2 — Jesper T, 2005-03-03T11:43Z

En "\<tr\>" är ju inge problem men jag får inte till det om det är fler.

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

## #3 — Jesper T, 2005-03-03T11:56Z

Det kanske finns smartare sätt, men detta funkar i a f.

```
 <script type="text/javascript">
function showhide(){
    var elm,
	i = 1;
    while (elm = document.getElementById("invoiceaddr_" + i++))
	elm.style.display=(elm.style.display=="block")?"none":"block";
}
</script>

<style>
.hide{ display:none }
</style>

<table width="500" border="0" cellspacing="0" cellpadding="3">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr class="hide" id="invoiceaddr_1">
    <td>1</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr class="hide" id="invoiceaddr_2">
    <td>2</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
```

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

## #4 — Jesper T, 2005-03-07T21:43Z

Nix, föresten det funkar inte.
Allt Innehåll "trillar in" till den vänstra td-n.
Vad är fel?

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

## #5 — dectgap, 2005-03-07T23:09Z

Egentligen vill du sätta display till "table-row", men eftersom det inte fungerar i IE får man dra till med "block" där.
Som tur är ger IE ett fel om vi försöker sätta display till "table-row" - ett fel som vi kan fånga upp genom ett try-catch-block:

```
<script type="text/javascript">
function showhide(){
    var elm,
	i = 1;
    while (elm = document.getElementById("invoiceaddr_" + i++))
    	try {
			elm.style.display=(elm.style.display=="table-row")?"none":"table-row";
		} catch(e) {
			elm.style.display=(elm.style.display=="block")?"none":"block";
		}
}
</script>
```

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

## #6 — Jesper T, 2005-03-07T23:25Z

Oooo, tack kompis.

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

## #7 — Jesper T, 2005-03-07T23:29Z

En liten avstickare:
Denna funkar bara i I.E. finns det någon workaround?

```
document.getElementById("send").disabled=(document.getElementById("v1").checked)? false : true;
```

"send" är en button.
"v1" är en checkbox.

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

## #8 — dectgap, 2005-03-08T08:52Z

Eftersom checked är av typen Boolean räcker det med

```
document.getElementById("send").disabled= !document.getElementById("v1").checked
```

Är "send" id eller namn på knappen? Om det är namnet (attributet name) så låter IE ändå sig hitta knappen via getElementById().

Visa tillhörande HTML-kod om du fortfarande har problem.

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

## #9 — Jesper T, 2005-03-08T13:30Z

Det var både id och namn. Jag fick inte till det med getElementById ändå.

Däremot så funkade det fint med:

```
document.shop.subm.disabled = !document.shop.v1.checked;
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/123641-dölja-delar-av-tabell