---
schema_version: "1"
id: e670ef2af03dd1106651c4564133cf0f5fbacaf6d3f9c5d57c181bf1bfa50f7d
title: apex:panelGroup
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/salesforce-pages-developers-guide/guides/pages/components/pages-compref-panelgroup.md
canonical_url: https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-compref-panelgroup.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 0c99f9c8a278f3e1301942c4418761d5e8efafeb9d35048707e69ef26118d032
products:
  - Visualforce Developer Guide
  - Platform Developer Content
---

# apex:panelGroup

A container for multiple child components so that they can be displayed in a single panelGrid cell. An `<apex:panelGroup>` must be a child component of an `<apex:panelGrid>`.

## Example

```apex
<apex:page>
    <apex:panelGrid columns="3" id="theGrid">
        <apex:outputText value="First" id="theFirst"/>
        <apex:outputText value="Second" id="theSecond"/>
        <apex:panelGroup id="theGroup">
            <apex:outputText value="Third" id="theThird"/>
            <apex:outputText value="Fourth" id="theFourth"/>
        </apex:panelGroup>
    </apex:panelGrid>
</apex:page>
```

The example above renders the following HTML:

```html
<table id="theGrid">
    <tbody>
        <tr>
            <td><span id="theFirst">First</span></td>
            <td><span id="theSecond">Second</span></td>
            <td><span id="theGroup">
                    <span id="theThird">Third</span>
                    <span id="theFourth">Fourth</span>
                </span></td>
        </tr>
    </tbody>
</table>
```

## Attributes

|Attribute Name|Attribute Type|Description|Required?|API Version|Access|
|--------------|--------------|-----------|---------|-----------|------|
|`id`|String|An identifier that allows the panelGrid component to be referenced by other components in the page.| |10.0|global|
|`layout`|String|The layout style for the panel group. Possible values include "block" (which generates an HTML div tag), "inline" (which generates an HTML span tag), and "none" (which does not generate an HTML tag). If not specified, this value defaults to "inline".| |10.0|global|
|`rendered`|Boolean|A Boolean value that specifies whether the component is rendered on the page. If not specified, this value defaults to true.| |10.0|global|
|`style`|String|The style used to display the panelGroup component, used primarily for adding inline CSS styles.| |10.0|global|
|`styleClass`|String|The style class used to display the panelGroup component, used primarily to designate which CSS styles are applied when using an external CSS stylesheet.| |10.0|global|

**See Also**  


-   [apex:panelGrid](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-compref-panelgrid.md)