VF :
<div class="slds-grid slds-grid--align-space">
<div class="slds-col slds-size--1-of-12">
<div class="slds-grid slds-wrap margin-top-right">
<div class="slds-card">
<div class="slds-card__header slds-grid">
<div class="slds-media slds-media--center slds-has-flexi-truncate">
<div class="slds-media__body">
<h2 class="slds-text-heading--small slds-truncate">DETAILS</h2>
</div>
</div>
<div class="slds-no-flex">
<button class="slds-button slds-button--icon-border-filled">
<svg aria-hidden="true" class="slds-button__icon">
<use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#down"></use>
</svg>
</button>
</div>
</div>
<div class="slds-card__body">
<apex:outputPanel id="details">
<apex:dataTable value="{!CaseDetails}" var="account" id="theTable" rowClasses="odd,even" styleClass="tableClass">
<apex:facet name="caption">table caption</apex:facet>
<apex:facet name="header">table header</apex:facet>
<apex:facet name="footer">table footer</apex:facet>
<apex:column>
<apex:facet name="header">Name</apex:facet>
<apex:facet name="footer">column footer</apex:facet>
<apex:outputText value="{!CaseDetails.Field1__c}"/>
</apex:column>
<apex:column>
<apex:facet name="header">Owner</apex:facet>
<apex:facet name="footer">column footer</apex:facet>
<apex:outputText value="{!CaseDetails.Field2__c}"/>
</apex:column>
</apex:dataTable>
</apex:outputPanel>
</div>
</div>
</div>
</div>
Controller :
public List<Case> getCaseDetails()
{
List<Case> cd = new List<Case>();
if(cd == null) cd = [SELECT Field1 ,Field2 FROM Case WHERE Agency__c =:currentRecordId limit 1 ];
return cd;
}
Where exactly am I going wrong?
Updated code :
<apex:dataTable value="{!CaseDetails}" var="cs" id="theTable"
rowClasses="odd,even" styleClass="tableClass">
<apex:facet name="caption">table caption</apex:facet>
<apex:facet name="header">table header</apex:facet>
<apex:facet name="footer">table footer</apex:facet>
<apex:column>
<apex:facet name="header">Name</apex:facet>
<apex:facet name="footer">column footer</apex:facet>
<apex:outputText value="{!cs.Field1__c}"/>
</apex:column>
<apex:column>
<apex:facet name="header">Owner</apex:facet>
<apex:facet name="footer">column footer</apex:facet>
<apex:outputText value="{!cs.Field2__c}"/>
</apex:column>
Error again :Error: Unknown property 'VisualforceArrayList.Field1__c'