In the video below I am showing how to create a table and compare more than 2 Accounts in a single Salesforce page. User can select multiple records, then click on a custom button and view a table with the values associated to specific fields which i added in VisualForce page and Apex Class.
Video also illustrates how to download the table as a PDF file.
VisualForce Code:
<apex:page standardController="Account" recordSetVar="accounts" extensions="AccountExtension"> <style> #account { border-collapse: collapse; border-color: #515A5A; border-style:solid; border-width:thin; table-layout: fixed; word-wrap:break-word; height:200px; } #account td, #account th { border: 1px solid #CCD1D1; font-size:20; Width:250px; Height:60px; word-wrap:break-word; } #account tr:nth-child(even){background-color: #FDFEFE;}{width:150px;} #account tr:nth-child(odd){background-color: #FDFEFE;}{width:150px;} #account tr:hover {background-color: #D6EAF8;} #account tr{ width : 200px; } #account th { background-color: #2874A6; color: white; width:300px; font-size:20; word-wrap:break-word; font-weight:normal; } </style> <table id="account" style="font-size: 14px;width:300px;table-layout:fixed" cellpadding="8"> <tr> <th>Name:</th> <apex:repeat value="{!selectedAccounts}" var="acc"> <td>{!acc.Name}</td> </apex:repeat> </tr> <tr> <th>Active:</th> <apex:repeat value="{!selectedAccounts}" var="acc"> <td>{!acc.Active__c}</td> </apex:repeat> </tr> <tr> <th>Type:</th> <apex:repeat value="{!selectedAccounts}" var="acc"> <td>{!acc.Type}</td> </apex:repeat> </tr> <tr> <th>Industry:</th> <apex:repeat value="{!selectedAccounts}" var="acc"> <td>{!acc.Industry}</td> </apex:repeat> </tr> <tr> <th>Number Of Employees:</th> <apex:repeat value="{!selectedAccounts}" var="acc"> <td>{!acc.NumberOfEmployees}</td> </apex:repeat> </tr> <tr> <th>Annual Revenue:</th> <apex:repeat value="{!selectedAccounts}" var="acc"> <td>{!acc.AnnualRevenue}</td> </apex:repeat> </tr> </table> </apex:page>