4

You can't merge the cells. But you can play with columns parameter and nesting another panel grid into the first one, but with a different columns number. Here is my example: <style> .colClass{ width:50%; padding: 5px; } .myHeader { background: #cecece; font-weight: bold; } </style> <apex:panelGrid columns="1" width="500" ...


2

Something like this? I've been playing around with this learning more about remote objects. This particular example is done with Bootstrap, and I'm quickly becoming a large fan as we are moving a lot of our internal stuff to Bootstrappy goodies. If you create your Bootstrap container and row right outside your content area in your page <div class="...


2

For reducing viewstate size and to get a more flexible design you can use a native HTML tags together with 'apex:repeat'. <table border="0"> <apex:repeat val="{!myList}" variable="item"> <tr> <td>{!item.Field1__c}</td> <td>{!item.Field1__c}</td> </tr> </apex:...


2

Use this logic for apex:panelGrid and do not use apex:pageBlockTable <style> .colStyle1 { width: 10%;padding-left:5px; text-align:left; padding-top:3px; padding-bottom:5px;} .colStyle2 { width: 10%;text-align:left; padding-left:5px; padding-top:3px; padding-bottom:3px} .colStyle3 { width: 10%; text-align:left;padding-left:5px; padding-...


1

For <apex:panelGrid> you can use the "title" attribute to show the tooltip when the user's mouse pointer hovers over this component. As per what I see in the above code I think you also have to put the rendered condition on this <apex:outputLabel>Desc</apex:outputLabel> line also. May this will help you.


1

As per the documentation for apex:panelGrid, you can't achieve this using apex:repeat inside apex:panelGrid. Note that if an <apex:repeat> component is used within an <apex:panelGrid> component, all content generated by the <apex:repeat> component is placed in a single <apex:panelGrid> cell. However, you can achieve the desired ...


1

Everything you need to know is here: https://developer.salesforce.com/docs/atlas.en-us.pages.meta/pages/pages_compref_panelGrid.htm. Specifically, you want to look at 'rules' for the lines and 'columnClasses' for the alignment. edit: My bad, I should include the relevant sections. columnClasses to align your columns: A comma-separated list of one or ...


1

You should be able to create Excel like Visualforce very easily, Here are some references Making a Spreadsheets with Apex and Visualforce Visualforce Table Grid Yet Another Pageblock table Enhancer component


1

Let's assume your custom object is called Invoice__c and you have the following fields on that object: Account__c - lookup to Account Amount__c - invoice amount Name - standard field (text or auto number) In this example we'll list all invoices related to a selected account in a separate table. Due to the complexity, I don't think pageBlockTable will ...


1

A apex:panelGrid will render any apex:repeat elements in a single table cell, and placing apex:panelGrid inside a apex:repeat will render multiple tables. If your goal is one lead per table row, use a apex:dataTable or apex:pageBlockTable. If your goal is several records per row, you'll have to organize your data in the aforementioned tables, perhaps with a ...


1

You cannot use spanning columns in an apex:panelGrid. You should instead use a normal HTML table. Nesting managed elements (those with a namespace like apex or c) will bloat your view state size unnecessarily.


Only top voted, non community-wiki answers of a minimum length are eligible