TYPO3 TypoScript Gridelements

#### TYPOSCRIPT:
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:gridelements/Configuration/TypoScript/setup.typoscript">
tt_content.gridelements_pi1.20.10 =< lib.contentElement
tt_content.gridelements_pi1.20.10 {
    partialRootPaths {
        30 = {$theme.urls.themeResources}Private/Extensions/gridelements/Partials/
    }
    layoutRootPaths {
        30 = {$theme.urls.themeResources}Private/Extensions/gridelements/Layouts/
    }
    templateRootPaths {
        30 = {$theme.urls.themeResources}Private/Extensions/gridelements/Templates/
    }

    templateName.field = tx_gridelements_backend_layout
    templateName.ifEmpty = gridDefault

    dataProcessing {
        10 = GridElementsTeam\Gridelements\DataProcessing\GridChildrenProcessor
        10 {
            default {
                as = children
                # Default options of the grid children processor
                # Change them according to the needs of your layout
                # Read more about it in the TypoScript section of the manual
                options {
                    # sortingDirection = ASC
                    # sortingField = sorting
                    # recursive = 0
                    # resolveFlexFormData = 1
                    # resolveBackendLayout = 1
                    # respectColumns = 1
                    # respectRows = 1
                }
            }
        }
    }
}


#### FLUID HTML for example:
<f:for each="{children}" as="row" iteration="i">
    <div class="row">
        <f:for each="{row}" as="column" iteration="i">
            <div class="column">
                <f:for each="{column}" as="content" iteration="i">
                    <f:cObject typoscriptObjectPath="tt_content.{content.data.CType}" data="{content.data}" />
                </f:for>
            </div>
        </f:for>
    </div>
</f:for>