---
title: "Design på datatgrid."
type: "forum-thread"
url: "https://www.webforum.nu/amne/dotnet/79984-design-på-datatgrid"
topic: ".NET"
topic_url: "https://www.webforum.nu/amne/dotnet"
author: "P"
published: "2003-06-17T20:34:02.000Z"
updated: "2003-06-18T14:25:53.000Z"
replies: 9
views: 319
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/dotnet/79984-design-på-datatgrid"
---

# Design på datatgrid.

## #1 — P, 2003-06-17T20:34Z

Har gjort en design till en datagrid som jag är mycket stolt över. Du vill jag ha den är designen till flera Griddar  :) 

Funkar ju att kopiera den och så men om jag lägger till mina griddar dynamiskt så vill jag ha designen. Kan man på något sätt på ut en css klass eller något som man kan använda sig av?

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

## #2 — NETwork, 2003-06-18T06:02Z

Lägg all design i ett par css-klasser, inte i själva datagriden, så är det inte svårt att använda samma design till fler datagrids. Du får göra flera klasser, en för varje "del" i datagriden (itemtemplate, alternatingitemtemplate, pagern osv...).

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

## #3 — P, 2003-06-18T07:42Z

Usshh så jobbigt att fixa dem, men när det väl är gjort så...

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

## #4 — P, 2003-06-18T08:58Z

```
<asp:datagrid id="dgUsers" runat="server" Font-Size="8pt" Font-Names="Verdana" ForeColor="Black" GridLines="Vertical" CellPadding="4" BackColor="White" BorderWidth="1px" BorderStyle="None" BorderColor="#DEDFDE" AutoGenerateColumns="False">
					<SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#CE5D5A"></SelectedItemStyle>
					<AlternatingItemStyle BackColor="White"></AlternatingItemStyle>
					<ItemStyle BackColor="#F7F7DE"></ItemStyle>
					<HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#6B696B"></HeaderStyle>
					<Columns>
						<asp:BoundColumn DataField="PreName" HeaderText="F&#246;rnamn"></asp:BoundColumn>
						<asp:BoundColumn DataField="LastName" HeaderText="Efternamn"></asp:BoundColumn>
						<asp:BoundColumn DataField="WorkProcent" HeaderText="Arbets-Procent"></asp:BoundColumn>
					</Columns>
				</asp:datagrid>
```

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

## #5 — Dino, 2003-06-18T09:14Z

```
.main{
font-size: 8pt;
font-family: verdana;
color: black;

padding: 4px;
background-color: white;
border: 1px solid #dedfde;
}
.selected{
font-weight: bold;
color: white;
background-color: #ce5d5a;
}
.alt{
background-color: white;
}
.item{
background-color: #f7f7de;
}
.header{
font-weight: bold;
color: white;
background-color: #6B696B;
}
.footer{
background-color: #CCCC99;
}
.pager{
text-align: right;
color: black;
background-color: #f7f7de;
}

<asp:DataGrid id="DataGrid2" GridLines="Vertical" cssclass="main" runat="server">
<SelectedItemStyle cssclass="selected" />
<AlternatingItemStyle cssclass="alt"/>
<ItemStyle cssclass="item"/>
<HeaderStyle cssclass="header"/>
<FooterStyle cssclass="footer"/>
<PagerStyle cssclass="pager" Mode="NumericPages"/>
</asp:DataGrid>
```

red// ok, såg inte att du hade redigerat bort din önskan. :)

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

## #6 — P, 2003-06-18T09:17Z

Ohh fan! Trodde jag kunda vara smart och kopiera från koden som genereras men det gick inte...

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

## #7 — P, 2003-06-18T09:22Z

Hmm Dina det fungerar nästan, de blir inte exakt så lika som jag vill ha dem:

Bilagor:

- [bild.jpg](https://www.webforum.nu/a/1607.jpg)

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

## #8 — Dino, 2003-06-18T09:27Z

Verkar som cellerna inte ärver från tabellinställningarna. Testa och lägg till padding: 4px i de andra classerna oxå.

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

## #9 — P, 2003-06-18T11:06Z

Hjälper inte...

Kan ju i annat fall lägga till den när jag skapar datagriden.

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

## #10 — NETwork, 2003-06-18T14:25Z

Har för mig att "templates-stylerna" cssclass hamnar i tr-taggen (kolla i koden som kastas ut var klassen ligger) och där fungerar inte padding rakt av. Du får skriva nåt i den här stilen tror jag:

```
tr.item td {styles}
```

När jag tänker på det så har jag faktiskt satt cellpadding och cellspacing i datagriden och inte i stilmallen, men det är ju inte någon bra lösning... hittar du en bra lösning så får du gärna dela med dig av den. :)

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

---

Tråden på webben: https://www.webforum.nu/amne/dotnet/79984-design-på-datatgrid