+ Start a Discussion
Staci CaraStaci Cara 

apex:repeat table creation with two columns and below new table with two columns

Hi,

I have dificulties to display some fields and their content in a table.  I need to extract some records from an object with their name and their description. With a simple apex: repeat I am getting a list of these infos, means the one beneath the other. What I need is a table that has two rows and two columns. First row has the name of the record, second row contains the according description. If there are more then 2 records, than the "list" should continue beneath. Means one would have multiple tables beneath each other.

Could someone held me with this issue? That's what I have until now, but it is listing my records on the page...

<apex:repeat value="{!SObject__c.record__r}" var="record">
        <table class="table-with-border record-table">
            <tr>
                <th class="record">{!record.Name}</th>
            </tr>
            <tr>
                <td class="table-cell">
                    <apex:outputText styleClass="description" escape="false" value="{!record.description__c}" />
                </td>
            </tr>
        </table>
    </apex:repeat>
 

 

Staci CaraStaci Cara
Any Idea how this could work with CSS Grid, grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 100px); ???