function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

maintain salesforce UI styles with a custom html table

Is there a way to maintain the salesforce UI styles with a custom html table?


I am creating an html table:


		<table width="100%" cellpadding="5">
				<th>First Name</th>
				<th>Last Name</th>

 I'd like to maintain the salesforce UI styles for this table. 





You can use the standard CSS class to acheive salesforce UI like:

<apex:page standardController="Contact" extensions="CopyTableStyle">

                   tr.dataRow { 
                    tr.dataRow:hover { 
                            background-color: #e3f3ff;
                         <table class="list " border="0" cellpadding="0" cellspacing="0">
                               <tr class="headerRow">
                                         <th class="headerRow"> First Name</th>
                                         <th class="headerRow"> Last Name </th>
                                         <th class="headerRow"> Phone </th>
                                <tr class="dataRow">
                                          <td class="dataCell">{!contact.FirstName}</td>
                                          <td class="dataCell">{!contact.LastName}</td>
                                          <td class="dataCell">{!}</td>


Please let me know If u need any help regarding the same and if this post help u plz throw KUDOS by click on star at left.

It worked!!!