Hi,
After adding the line
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
The code working good for ONLY vertical bars.
My Table content has large number of columns ( like 40+.).
when I fixed the Table Container width ( width:1050px;) the content has
the scroll but the Table Header is outside the Table Container DIV and
the header is not scrolling horizontally.
Anybody has any suggestions.
-----------
Today's Topics:
1. static header and tbody style class ([EMAIL PROTECTED])
----------------------------------------------------------------------
Message: 1
Date: Fri, 13 Apr 2007 12:22:24 -0600
From: <[EMAIL PROTECTED]>
Subject: [displaytag-user] static header and tbody style class
To: <[EMAIL PROTECTED]>
Message-ID:
<[EMAIL PROTECTED]>
Content-Type: text/plain; charset="us-ascii"
Hi ,
I tried the below solutions.
It is not working in IE.
It is working in Mozilla only.
Is there any java script missing for IE.
Your comments are appreciated.
RE: static header and tbody style class
By: surya (surya_vus) - 2007-01-23 10:00 The following CSS (optimized
the CSS provided by Randy) helped me to get the static header with the
display table.
Thanks a lot Randy.
CSS
-------------
table.staticheader {
text-decoration: none;
border: 1px solid #CCC;
width: 98%;
}
table.staticheader th {
padding: 3px 3px 3px 3px !important;
text-align:center;
}
table.staticheader td {
padding: 3px 3px 3px 3px !important;
}
table.staticheader thead tr {
position: relative;
height: 10px;
background-color: #D7E5F3;
}
table.staticheader tbody {
height:150px;
overflow-x:hidden;
overflow-y: auto;
overflow:scroll;
}
table.staticheader tbody tr {
height: auto;
white-space: nowrap;
}
table.staticheader tbody tr.odd {
background-color: #eee
}
table.staticheader tbody tr.tableRowEven,tr.even {
background-color: #ddd
}
table.staticheader tbody tr td:last-child {
padding-right: 20px;
}
table.staticheader tbody td {
padding: 2px 4px 2px 4px !important;
}
div.TableContainer {
height: 150px;
overflow-x:hidden;
overflow-y:auto;
}
JSP
---------
<table width="100%" border="0">
<tr>
<td>
<div class="TableContainer">
<display:table cellpadding="5" cellspacing="1" name="myList"
class="staticheader">
<display:setProperty name="basic.empty.showtable" value="true" />
<display:column property="id" title="ID" /> <display:column
property="type" title="type" /> <display:column property="name"
title="Name" /> <display:column property="dueDate" title="Due date" />
<display:column property="details" title="Details"
style="text-align:center"/>
</display:table>
</div>
</td>
</tr>
</table>
------------------------------
------------------------------------------------------------------------
-
Take Surveys. Earn Cash. Influence the Future of IT Join
SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys-and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDE
V
------------------------------
_______________________________________________
displaytag-user mailing list
[EMAIL PROTECTED]
https://lists.sourceforge.net/lists/listinfo/displaytag-user
End of displaytag-user Digest, Vol 12, Issue 7
**********************************************
-------------------------------------------------------------------------
Take Surveys. Earn Cash. Influence the Future of IT
Join SourceForge.net's Techsay panel and you'll get the chance to share your
opinions on IT & business topics through brief surveys-and earn cash
http://www.techsay.com/default.php?page=join.php&p=sourceforge&CID=DEVDEV
_______________________________________________
displaytag-user mailing list
[EMAIL PROTECTED]
https://lists.sourceforge.net/lists/listinfo/displaytag-user
