Merging rows in dynamically binded apex:pageblockTable in visualforce page
<p>I am new to Salesforce VF pages. I have a dynamically binded pageBlockTable in my Visualforce page. I wanted to merge certain dynamic rows based on a condition. Could someone please suggest, if there is any possible way to merge rows(or subrows) in apex:pageblocktable based on some conditions? </p>

<p>I have tried googling this, but could find no clues. 
Any help is really appreciated.</p>

<p>Visualforce page code:</p>

<pre><code>&lt;apex:pageblock id="listBlock"&gt;
&lt;apex:pageblockTable value="{!lstcomp}" var="oComp"   styleclass="table table-striped table-hover" id="sysTable" rowClasses="even,odd"&gt;

&lt;apex:column headerClass="TableTitle" style="width: 20%;height:4%"  &gt;&lt;apex:facet name="header"&gt;&lt;font class="headerfontstyle" &gt;Name&lt;/font&gt;&lt;/apex:facet&gt; 
&lt;font class="rowdatastyle"&gt; {!oComp.Name} &lt;/font&gt;
&lt;/apex:column&gt;
&lt;apex:column headerClass="TableTitle" style="width: 10%;height:4%"  &gt;&lt;apex:facet name="header"&gt;&lt;font class="headerfontstyle" &gt;Mfg&lt;/font&gt;&lt;/apex:facet&gt; 
&lt;font class="rowdatastyle" &gt;  {!oComp.Manufacturer}&lt;/font&gt;
&lt;/apex:column&gt;
&lt;apex:column headerClass="TableTitle" style="width: 6%;height:4%"&gt;&lt;apex:facet name="header"&gt;&lt;font class="headerfontstyle" &gt;Type&lt;/font&gt;&lt;/apex:facet&gt; 
&lt;font class="rowdatastyle" &gt; {!oComp.ComponentType} &lt;/font&gt;
&lt;/apex:column&gt;
&lt;apex:column headerClass="TableTitle" style="width: 12%;height:4%"&gt;&lt;apex:facet name="header"&gt;&lt;font class="headerfontstyle" &gt;Allocated&lt;/font&gt;&lt;/apex:facet&gt;  
&lt;font class="rowdatastyle"&gt; {!oComp.Allocated} &lt;/font&gt;
&lt;/apex:column&gt;                                                        
&lt;apex:column headerClass="TableTitle" style="width: 10%;height:4%"&gt;&lt;apex:facet name="header"&gt;&lt;font class="headerfontstyle" &gt;Used&lt;/font&gt;&lt;/apex:facet&gt;  
&lt;font class="rowdatastyle"&gt; {!oComp.Used} &lt;/font&gt;
&lt;/apex:column&gt;                                                        
&lt;apex:column headerClass="TableTitle" style="width: 30%;height:4%"&gt;&lt;apex:facet name="header"&gt;&lt;font class="headerfontstyle" &gt;Version&lt;/font&gt;&lt;/apex:facet&gt;  
&lt;font class="rowdatastyle"&gt;{!oComp.OS} &lt;/font&gt;
&lt;/apex:column&gt;         
&lt;/apex:pageblockTable&gt;
</code></pre>