---
title: "Formatera en DataList"
type: "forum-thread"
url: "https://www.webforum.nu/amne/dotnet/20278-formatera-en-datalist"
topic: ".NET"
topic_url: "https://www.webforum.nu/amne/dotnet"
author: "juventus1"
published: "2001-09-27T14:05:00.000Z"
updated: "2001-10-31T16:09:00.000Z"
replies: 5
views: 264
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/20278-formatera-en-datalist"
---

# Formatera en DataList

## #1 — juventus1, 2001-09-27T14:05Z

Hej!

Jag har ett irriterande problem. Det är så att jag hämtar några produkter från en db och visar dem sedan mha en DataList. Problemet är att DataList kontrollen skapar en tabell som ser ut så här:

```
<table width="450" align="center">
<tr>
<td>Produktnamn</td>
</tr>
</table>
```

Mitt problem är att jag behöver sätta 'valign="top"' i tabellcellen för att sidan ska visas någorlunda snyggt.

```
<table width="450" align="center">
<tr>
<td [b]valign="top"[/b]>Produktnamn</td>
</tr>
</table>
```

 Jag har inte sett hur man kan förändra de tabellceller DataListen producerar. Är det någon som vet hur man kan lösa det?

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

## #2 — Vide, 2001-09-27T14:27Z

[Datalist members](http://www.msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWebUIWebControlsTextBoxMembersTopic.asp?frame=true)

Du kan ju testa med metoden ".Attributes" och lägga till valign. Vet inte om den då kommer på tabellen, men det är ju värt att testa. :)

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

## #3 — juventus1, 2001-09-28T07:20Z

Hej!

Nja, jag lyckas inte få det att fungera. Jag lyckas inte få Attribute-värdet att hamna rätt, det kommer hela tiden bland de övriga egenskaperna för hela tabellen. Men jag ska testa lite mer senare.

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

## #4 — Vide, 2001-09-28T09:34Z

Allt beror ju helt på hur du lägger upp din DataList, använder du t.ex en Template så kan du lätt få det snyggt och med full kontroll på grejorna... :)

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

## #5 — juventus1, 2001-09-28T11:05Z

Hej!

Jag använder en template. Den ser ut så här:

```
<asp:DataList id="ShowProducts" RepeatColumns="2" RepeatDirection="Horizontal" Width="450" runat="server">
	<ItemTemplate>
		<table width="225" border="0" cellspacing="0" cellpadding="5" align="center">
			<tr>
				<td width="225">
					<div align="center">
						<b>
							<%# DataBinder.Eval(Container.DataItem, "Name") %>
						</b>
					</div>
				</td>
			</tr>
			<tr>
				<td height="1">
					<img src="bilder/1black.gif" width="100%" height="1">
				</td>
			</tr>
			<tr>
				<td width="225">
					<div align="center">
						<img src="bilder/Sample.jpg" width="200" height="200">
					</div>
				</td>
			</tr>
			<tr>
				<td height="1">
					<img src="bilder/1black.gif" width="100%" height="1">
				</td>
			</tr>
			<tr>
				<td width="225">
					<div align="left">
						<%# DataBinder.Eval(Container.DataItem, "Description") %>
						<br>
						<b>Price:
							<%# DataBinder.Eval(Container.DataItem, "Price") %>
							SEK </b>
					</div>
				</td>
			</tr>
			<tr>
				<td height="1">
					<img src="bilder/1black.gif" width="100%" height="1">
				</td>
			</tr>
			<tr>
				<td width="225" valign="top">
					<div align="left">
						<form name="form1" method="post" action="cart.aspx" onSubmit="return CheckValue(this);">
							<input type="text" name="antal" maxlength="2" style="WIDTH: 25px" onFocus="onFocus(this);" onBlur="onBlur(this);" class="inputbox" value="1">
							<input type="image" border="0" src="bilder/addtocart.gif" alt="Add to cart"> <input type="image" src="bilder/more.gif" border="0" alt="More information about this product">
							<input type="hidden" name="ProductID" value="variabel">
						</form>
					</div>
				</td>
			</tr>
		</table>
	</ItemTemplate>
</asp:DataList>
```

Grejen är att DataListen lägger in min tabell i en större tabell. Det är i den större tabellen som felet uppstår. [Exempel](http://www14.brinkster.com/juventus1/).

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

## #6 — juventus1, 2001-10-31T16:09Z

Äntligen har jag hittat hur man gör!
Så här ser det ut...

```
<asp:DataList id="ShowProducts" RepeatColumns="2" RepeatDirection="Horizontal" Width="450" runat="server">
	[b]<ItemStyle VerticalAlign="top" HorizontalAlign="left">
	</ItemStyle>[/b]
	<ItemTemplate>
		<table width="225" border="0" cellspacing="0" cellpadding="5" align="center">
			<tr>
			</tr>
		</table>
	</ItemTemplate>
</asp:DataList>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/dotnet/20278-formatera-en-datalist