separator in table

hi,

anyone know how to realize a horizontal line in a <h:dataTable>?

i would like to have after each row a separator:

A1.1 A2.1 A3.1

--

A2.1 A2.2 A2.3

--

A3.1 A3.2 A3.3

and so on...........

i included in every row a style:border-bottom, but i have some spaces between each elements:

A1.1 A2.1 A3.1

- --

A2.1 A2.2 A2.3

A3.1 A3.2 A3.3

any other suggestions?

[450 byte] By [naekoa] at [2007-11-27 10:13:37]
# 1

Use the rules attribute of the dataTable and set it to rows

i.e <h:dataTable rules="rows"/>

jco1323a at 2007-7-28 15:27:58 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 2

are you sure that rules attibute solves it?

i made it as you say, but nothing happened.

datatable has still no lines

naekoa at 2007-7-28 15:27:58 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 3

>

> i included in every row a style:border-bottom, but i

> have some spaces between each elements:

> A1.1 A2.1 A3.1

> - --

> A2.1 A2.2 A2.3

>

> A3.1 A3.2 A3.3

Try the above with cellspacing and cellpadding set to zero.

RaymondDeCampoa at 2007-7-28 15:27:58 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 4

JSF<h:dataTable styleClass="myTable" />

CSS.myTable {

border-collapse: collapse;

}

.myTable td {

border-bottom: 1px #000 solid;

}

BalusCa at 2007-7-28 15:27:58 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 5

thanks BalusC,

thats exactly what i need

naekoa at 2007-7-28 15:27:58 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...