---
title: "Få översta raden i en tabell att inte scrolla?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/132465-få-översta-raden-i-en-tabell-att-inte-scrolla"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "maqe"
published: "2005-08-09T08:50:46.000Z"
updated: "2005-08-11T14:21:56.000Z"
replies: 11
views: 527
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/html-css/132465-få-översta-raden-i-en-tabell-att-inte-scrolla"
---

# Få översta raden i en tabell att inte scrolla?

## #1 — maqe, 2005-08-09T08:50Z

Om man har jättemycket data i en tabell så att man måste scrolla i höjdled, kan man då få den översta raden "tr" att inte scrolla med resten av tabellen? Jag vill alltså att rubrikerna skall ligga överst hela tiden. [Detta](http://www.imaputz.com/cssStuff/bigFourVersion.html) var något jag hittade men det verkar som att man måste sätta storlek på varje kolumn men jag vet inte hur många kollumner det blir då tabellen skall genereras dynamiskt.

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

## #2 — silfver, 2005-08-09T09:13Z

På den där sidan så ligger ju tabellen i en scrollbar div. Du kan väl göra likadant? Skriv rubriken utanför diven så kommer det ligga överst hela tiden. :)

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

## #3 — maqe, 2005-08-09T09:21Z

Då stämmer inte rubriken med resten av innehållet i tabellen

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

## #4 — silfver, 2005-08-09T10:04Z

> **maqe skrev:**
>
> Då stämmer inte rubriken med resten av innehållet i tabellen

Jag tänkte lite fel. Såg lite fel. Varför tar du dig inte bara en titt i källkoden? :)

Så här hade jag gjort 

```
<tabell med rubrik>
<div style="width: 100%; height: 300px; overflow: auto;">
	<tabell med celler>
</div>
```

Försöka att måtta in så det blir rätt borde väl inte vara så krångligt...

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

## #5 — maqe, 2005-08-09T10:08Z

Det är ju just det som är problemet med att jag vill att det ska bli exakt rätt med rubriker och innehåll inte att jag ska gissa storlekar. Jag kommer ha flera tusen poster som kan vara 2 tecken eller 150 tecken

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

## #6 — Insider, 2005-08-09T15:51Z

Ett exempel: <http://www.imaputz.com/cssStuff/bigFourVersion.html>

hittade jag på <http://www.456bereastreet.com/archive/200410/bring_on_the_tables/>
som är bra att ha läst igenom.

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

## #7 — maqe, 2005-08-09T18:49Z

> **Insider skrev:**
>
> Ett exempel: <http://www.imaputz.com/cssStuff/bigFourVersion.html>
> 
> hittade jag på <http://www.456bereastreet.com/archive/200410/bring_on_the_tables/>
> som är bra att ha läst igenom.

Den översta länken var precis den jag posta i min fråga.

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

## #8 — Insider, 2005-08-09T19:50Z

OK, jag som var så nöjd när jag hittade den. :)

Jag testade att lägga in 9 kolumner i tabellen på imaputz.com utan att ändra nåt i CSS koden, och det såg faktiskt inte så tokigt ut. Kolumnrubrikerna stämde inte exakt, men det kanske går att pilla vidare.

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

## #9 — maqe, 2005-08-11T08:53Z

hur får man overflow:hidden på en th?

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

## #10 — maqe, 2005-08-11T10:13Z

Någon som har något tips på hur jag kan gå vidare med [denna](http://member.webforum.nu/6596/tabletest.htm) kod? Om man minskar fönstrets storlek så ballar ju allt ur samt att om jag har 50 kolumner så vill jag ju att översta raden skall scrolla med :) ... Känns som att detta är olösbart.

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

## #11 — Insider, 2005-08-11T10:43Z

Annars finns ju det beprövade knepet att skriva ut rubriker på var 10:e rad i tabellen. Men det är ju inte lika snyggt iofs.

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

## #12 — maqe, 2005-08-11T14:21Z

jag tror jag hittat en lösning på en del av mitt problem. Såhär ser lösningen ut <http://www.maqe.se/test2.htm> dock skulle jag villja att första raden till vänster inte scrollade så det blir exakt som i excel :) Synpunker på lösningen? Detta kickar bara i IE men det gör mig inget då detta är till en EPiServer lösning

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/132465-få-översta-raden-i-en-tabell-att-inte-scrolla