Re: [displaytag-user] how to define css class in tr

José Renato Mon, 18 Sep 2006 11:43:18 -0700

Of course mate...

First you must define your css file and then refer it in your page:

<c:url var="displayTagStyle" value="/style/displaytag.css" />
<link href="" type="text/css" rel="stylesheet" />

Make sure that this code above is in your html head declaration... I am using JSTL tags.

//CSS FILE>>>>>>>>>>>>>>>>
.display-table table {
    border: 1px solid #666;
    width: 80%;
    margin: 20px 0 20px 0 !important;
}

.display-table th,.display-table td {
    padding: 2px 4px 2px 4px !important;
    text-align: center;
    vertical-align: top;
}

.display-banner th,.display-banner td {
    padding: 2px 4px 2px 4px !important;
    text-align: left;
    vertical-align: top;
}

.display-table thead tr, .display-table thead td {
    color: #2059A9;
    background-color: #EDF2FA;
}

.display-banner thead tr, .display-banner thead td {
    color: #2059A9;
    background-color: #EDF2FA;
}

.display-table th.sorted {
    background-color: #EDF2FA;
}

.display-table th a,.display-table th a:visited {
    color: #2059A9;
}

.display-table th a:hover {
    text-decoration: underline;
    color: #2059A9;
}

.display-banner th a,.display-banner th a:visited {
    color: #2059A9;
}

.display-banner th a:hover {
    text-decoration: underline;
    color: #2059A9;
}

.display-table th.sorted a, .display-table th.sortable a {
    background-position: right;
    display: block;
    width: 100%;
    display: block;
    background: url(./images/arrow_off.png) no-repeat right;
}

.display-table th.order1 a {
    background-image: url(./images/arrow_down.png);
}

.display-table th.order2 a {
    background-image: url(./images/arrow_up.png);
}

.display-table tr.odd {
    background-color: #fff
}

.display-table tr.tableRowEven, .display-table tr.even {
    background-color: #E5ECF4
}

.display-table div.exportlinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    margin: 2px 0 10px 0;
    width: 79%;
}

.display-table span.export {
    padding: 0 4px 1px 20px;
    display: inline;
    display: inline-block;
    cursor: pointer;
}

.display-table span.excel {
    background-image: url(images/ico_file_excel.png);
}

.display-table span.csv {
    background-image: url(images/ico_file_csv.png);
}

.display-table span.xml {
    background-image: url(images/ico_file_xml.png);
}

.display-table span.pdf {
    background-image: url(images/ico_file_pdf.png);
}

.display-table span.rtf {
    background-image: url(images/ico_file_rtf.png);
}

.display-table span.pagebanner {
    background-color: #EDF2FA;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    margin-top: 10px;
    display: block;
    border-bottom: none;
}

.display-table span.pagelinks {
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    display: block;
    border-top: none;
    margin-bottom: -5px;
}
//END FILE>>>>>>>>>>>>

You will find samples into display-tag distribution.

Best regards,
José Renato.

Raphael Paiva escreveu:

Hi,

I´m new using dislpay tag.

I need to define the css class into <tr> of my table..

I know how to do in <table> and in <td>.. but in <tr> I can´t do that.

Someone can help me?

Thanks!

Raphael Paiva
Analista/Arquiteto de Sistemas
[EMAIL PROTECTED]

Sena Informática Ltda
Rua Capitão José Bezerra, 440, Lagoa Redonda
Fortaleza . Ceará . Cep. 60.834.590 . www.sena.com.br
Pabx: +55 85 3476-8550 . Fax.: +55 85 3476-8550
-------------------------------------------------------------------------
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
displaytag-user@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/displaytag-user
  

-------------------------------------------------------------------------
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
displaytag-user@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/displaytag-user

Re: [displaytag-user] how to define css class in tr

Reply via email to