codice:
<%
'
' x,1 larghezza X,2 altezza X,3 tipo allineamento center, right, left
'
Dim campo(20,3),ncampi,lbl(20)
Dim codice,descrizione,qta,prezzo,iva, importo
'
' campi utili per definire la tabella a riga fissa in testata
'
' definizione larghezza colonne standard poi le puoi cambiare dinamicamente
for i=1 to 20
campo(i,1)="100px"
campo(i,2)="30px"
campo(i,3)=" center "
next
ncampi=6
lbl(1)="codice"
lbl(2)="descrizione"
lbl(3)="q.ta"
lbl(4)="prezzo"
lbl(5)="iva"
lbl(6)="importo"
ombra="box-shadow: 5px 5px 5px #669999;"
'
' correggo larghezza campi
'
campo(2,1)="250px" ' descrizione
campo(3,1)="80px" ' q.ta
campo(5,1)="50px" ' iva
'
' correggo allineamentocampi
'
campo(2,3)="left" ' descrizione
campo(3,3)="right" ' q.ta
campo(4,3)="right" ' prezzo
campo(5,3)="right" ' iva
campo(6,3)="right" ' importo
'
' valori di test per visualizzare tabella
'
codice=0
descrizione="articolo da visualizzare"
qta=2
prezzo=25.34
iva=22
importo=((qta*prezzo)/100) * (100 + iva)
function fmt(num)
fmt=FormatNumber(num,2)
end function
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>test tabella con prima riga fiss</title>
<style type="text/css">
.titolo {
background-color:teal;
color: white;
<%=ombra%>
}
.righe {
background-color:#EAEAEA;
width: 800px;
height:250px;
overflow-y:auto;
overflow-x:hidden;
}
</style>
</head>
<body>
<div style="width:800px">
<table style="width: 100%" border="0">
<tr>
<%
for i=1 to ncampi
%>
<td class="titolo" style="width:<%=campo(i,1)%>;height:<%=campo(i,2)%>;text-align: center" >
<%=lbl(i)%>
</td>
<%
next
%>
<td style="width:12px;"> </td>
</tr>
</table>
<div class="righe">
<table style="width: 100%;border-color: white;" border="" cellspacing="1" >
<%for i=1 to 50
codice=i
%>
<tr>
<td style="width:<%=campo(1,1)%>;height:<%=campo(1,2)%>;text-align:<%=campo(1,3)%>"><%=codice%></td>
<td style="width:<%=campo(2,1)%>;height:<%=campo(2,2)%>;text-align:<%=campo(2,3)%>"><%=descrizione%></td>
<td style="width:<%=campo(3,1)%>;height:<%=campo(3,2)%>;text-align:<%=campo(3,3)%>"><%=qta%></td>
<td style="width:<%=campo(4,1)%>;height:<%=campo(4,2)%>;text-align:<%=campo(4,3)%>"><%=fmt(prezzo)%></td>
<td style="width:<%=campo(5,1)%>;height:<%=campo(5,2)%>;text-align:<%=campo(5,3)%>"><%=iva%></td>
<td style="width:<%=campo(6,1)%>;height:<%=campo(6,2)%>;text-align:<%=campo(6,3)%>"><%=fmt(importo)%></td>
</tr>
<%next%>
</table>
</div>
</div>
</body>
</html>
poi le modifiche per riadattare ad un proprio uso sono semplici