<apex:form >
                            <apex:commandButton id="refreshBtn" style="display:none;" action="{!cancel}" value="Rerender" rerender="strat-map-tab" />
                            <apex:outputPanel id="strat-map-tab">
                                <table id="summary-table" class="table table-bordered">
                                    <thead class="thead-inverse">
                                        <tr class="headers">
                                            <th scope="col" class="zen-deemphasize"></th>
                                       
                                                    <th scope="col" class="zen-deemphasize">
                                                         <apex:inputfield id="dept" value="{!myAcc.Dpt_1__c}" style="width:130px;color:black" />
                                                       
                                                    </th> 
                                            	    <th scope="col" class="zen-deemphasize">                                                        
                                                        <apex:inputfield id="dept2" value="{!myAcc.Dpt_2__c}" style="width:130px;color:black" />                                                        
                                                    </th>
                                            		<th scope="col" class="zen-deemphasize">                                                        
                                                        <apex:inputfield id="dept3" value="{!myAcc.Dpt_3__c}" style="width:130px;color:black"/>                                                        
                                                    </th>
                                            		<th scope="col" class="zen-deemphasize">                                                        
                                                        <apex:inputtext id="dept4" value="{!myAcc.Dpt_4__c}" style="width:130px;color:black"/>                                                        
                                                    </th>
                                            		<th scope="col" class="zen-deemphasize">                                                       
                                                        <apex:inputtext id="dept5" value="{!myAcc.Dpt_5__c}" style="width:130px;color:black"/>                                                        
                                                    </th>
                                            		<th scope="col" class="zen-deemphasize">                                                        
                                                        <apex:inputtext id="dept6" value="{!myAcc.Dpt_6__c}" style="width:130px;color:black"/>
                                                    </th>
                                                                                   
                                        </tr>
                                    </thead>
                                    <tbody>
                                      <apex:variable var="cnt" value="{!1}"/>
                                        <apex:repeat value="{!roles}" var="roleKey">
                                            <apex:repeat value="{!roles[roleKey]}" var="role">
                                                <tr>
                                                     <td id="1" class="dataCell">
                                                     
                                                       <apex:outputPanel rendered="{! If(cnt==1, true, false)}">
                                                        	<apex:inputText id="level1" value="{!myAcc.lvl_1__c}" />
                                                        </apex:outputPanel>
                                                        <apex:outputPanel rendered="{! If(cnt==2, true, false)}">
                                                        	<apex:inputText id="level2" value="{!myAcc.lvl_2__c}" />
                                                        </apex:outputPanel>
							<apex:outputPanel rendered="{! If(cnt==3, true, false)}">
                                                        	<apex:inputText id="level3" value="{!myAcc.lvl_3__c}" />
                                                        </apex:outputPanel>
                                                        <apex:outputPanel rendered="{! If(cnt==4, true, false)}">
                                                        	<apex:inputText id="level4" value="{!myAcc.lvl_4__c}" />
                                                        </apex:outputPanel>
                                                        <apex:outputPanel rendered="{! If(cnt==5, true, false)}">
                                                        	<apex:inputText id="level5" value="{!myAcc.lvl_5__c}" />
                                                        </apex:outputPanel>
                                                        <apex:outputPanel rendered="{! If(cnt==6, true, false)}">
                                                        	<apex:inputText id="level6" value="{!myAcc.lvl_6__c}" />
                                                        </apex:outputPanel>
                                                    </td>
                                                  
                                                    <apex:repeat value="{!departments}" var="deptKey">
                                                        
                                                        <apex:repeat value="{!departments[deptKey]}" var="dept" >
                                                            
                                                            <td class="dataCell">
                                                                <a data-toggle="modal" data-target="#searchModalMy" class="open-contactDialog" data-levelNumber="{!roleKey}" data-departmentNumber="{!deptKey}" data-role="{!role}" data-department="{!dept}" data-plan-id="{!deptRoleToContact[dept+'-'+role].Id}">
                                                                    <span class="linkToNewContact">{!IF(deptRoleToContact[dept+'-'+role].Contact__r.LastName == null,"Add Contact", "")}</span>
                                                                    <font size="3">{!deptRoleToContact[dept+'-'+role].Contact__r.FirstName} {!deptRoleToContact[dept+'-'+role].Contact__r.LastName}<br/></font>
                                                                    <font size="2">{!deptRoleToContact[dept+'-'+role].Title__c}<br/></font>
                                                                    <font size="2">{!deptRoleToContact[dept+'-'+role].Contact__r.Role__c}<br/></font>
                                                                    <font size="2">{!deptRoleToContact[dept+'-'+role].Contact__r.Influence_Indicator__c}</font>
                                                                </a>
                                                            </td>
                                                        </apex:repeat>
                                                    </apex:repeat>
                                                </tr>
                                                <apex:variable var="cnt" value="{!cnt+1}"/>
                                            </apex:repeat>
                                        </apex:repeat>
                                    </tbody>
                                </table>
                                <center> <apex:commandButton value="Save Dpt/lvl" action="{!saveHeadLvel}"  /> </center>
                            </apex:outputPanel>
                        </apex:form>

Hi,

I am working on vfpage to update the table column and row headers.  I have managed to make the column header editable and it is getting saved to the object using the custom controller. However the row header is not getting updated.  Is this the problem because the repeat or output panel is used. Please see the vf code below.  Please help.


 

Is it possible to make a table column headers editable. Currently the table is using label as the column headers. This now needs to be editable which will be then stored to field in the object. Any help?

Is it possible to make a table column headers editable. Currently the table is using label as the column headers. This now needs to be editable which will be then stored to field in the object. Any help?