A part of VF page is below:
<apex:pageBlockSection title="EVALUATION">
<apex:pageblockTable value="{!interviewSkillReviews}" var="skillreview">
<apex:column headerValue="Parameters">
<apex:outputLabel value="ABC" />
<apex:outputLabel value="Hello" />
<apex:outputLabel value="Test" />
<apex:outputLabel value="XYZ" />
</apex:column>
<apex:column headerValue="Rating">
<apex:selectList value="{!rating}" multiselect="false" size="1" rendered="{!interviewerMode}" >
<apex:selectOption itemValue="1" itemLabel="1"/>
<apex:selectOption itemValue="2" itemLabel="2"/>
<apex:selectOption itemValue="3" itemLabel="3"/>
<apex:selectOption itemValue="4" itemLabel="4"/>
<apex:selectOption itemValue="5" itemLabel="5"/>
</apex:selectList>
</apex:column>
</apex:pageblockTable>
</apex:pageBlockSection>
And it is rendered as:
The value in output text is just the field api name of the object Interview__c. I have 4 field value which I would like to display in each row and have a drop down selection for each on of them visible on the page. I am trying to get the data from user for each field and update it in the database using extension class. But struck here.also, I would like the label text to appear under the parameter column. I would like it to appear like: