apex:dataTable

1<!-- For this example to render fully, associate the page
2with a valid account record in the URL.
3For example: https://MyDomain_login_URL/apex/myPage?id=001D000000IRt53 -->
4
5<!-- Page: -->
6
7<apex:page controller="dataTableCon" id="thePage">
8    <apex:dataTable value="{!accounts}" var="account" id="theTable"
9        rowClasses="odd,even" styleClass="tableClass">
10        <apex:facet name="caption">table caption</apex:facet>
11        <apex:facet name="header">table header</apex:facet>
12        <apex:facet name="footer">table footer</apex:facet>
13
14        <apex:column>
15            <apex:facet name="header">Name</apex:facet>
16            <apex:facet name="footer">column footer</apex:facet>
17            <apex:outputText value="{!account.name}"/>
18        </apex:column>
19
20        <apex:column>
21            <apex:facet name="header">Owner</apex:facet>
22            <apex:facet name="footer">column footer</apex:facet>
23            <apex:outputText value="{!account.owner.name}"/>
24        </apex:column>
25
26    </apex:dataTable>
27</apex:page>
28
29/*** Controller: ***/
30
31public class dataTableCon {
32
33    List<Account> accounts;
34
35    public List<Account> getAccounts() {
36        if(accounts == null)
37            accounts = [SELECT name, owner.name FROM account LIMIT 10];
38        return accounts;
39    }
40
41}

1<table class="tableClass" id="thePage:theTable" border="0" cellpadding="0" cellspacing="0">
2
3    <colgroup span="2"></colgroup>
4    <caption>table caption</caption>
5    <thead>
6        <tr>
7            <td colspan="2" scope="colgroup">table header</td>
8        </tr>
9
10        <tr>
11            <td scope="col">Name</td>
12            <td scope="col">Owner</td>
13        </tr>
14    </thead>
15
16    <tfoot>
17        <tr>
18            <td scope="col">column footer</td>
19            <td scope="col">column footer</td>
20        </tr>
21        <tr>
22            <td colspan="2" scope="colgroup">table footer</td>
23        </tr>
24    </tfoot>
25
26    <tbody>
27        <tr class="odd">
28            <td>Bass Manufacturing</td>
29            <td>Doug Chapman</td>
30        </tr>
31
32        <tr class="even">
33            <td>Ball Corp</td>
34            <td>Alan Ball</td>
35        </tr>
36
37        <tr class="odd">
38            <td>Wessler Co.</td>
39            <td>Jill Wessler</td>
40        </tr>
41    </tbody>
42
43</table>