create datagrid frontend oroCommerce

Question

I’m creating a datagrid in the frontend but it appears in the layout. I can see the error

bundle/Resources/views/layouts/default/mayorista_resume_accout_frontend_index/layout.yml

layout:
    imports:
        -
            id: datagrid
            root: __root
    actions:
        - '@setBlockTheme':
            themes: 'layout.html.twig'
        - '@remove':
            id: bloque_resumen
        - '@setOption':
            id: __datagrid
            optionName: grid_name
            optionValue: frontend-requests-grid
        - '@add':
            id: manufacturer_datagrid
            blockType: block
            parentId: page_content
            prepend: false
        - '@addTree':
            items:
                resume_view_page:
                    blockType: container
                resume_container:
                    blockType: container
                resume_body:
                    blockType: container
                resume_body_column_left:
                    blockType: container
                    options:
                        additional_block_prefixes: ['resume_body_column']
                resume_body_column_right:
                    blockType: container
                    options:
                        additional_block_prefixes: ['resume_body_column']
                resume_after_line_items_grid:
                    blockType: container
                resume_body_container:
                    blockType: container
                    options:
                        additional_block_prefixes: ['resume_body_block_container']
            tree:
                page_content:
                    resume_view_page:
                        resume_container:
                            resume_body:
                                resume_body_container:
                                    resume_body_column_left:

bundle/Resources/config/oro/datagrids.yml

datagrids:
    app-resumes-grid:
        options:
            frontend: true
        source:
            type: orm
            query:
                select:
                    - resume.id
                    - resume.name
                    - resume.lastname
                from:
                    - { table: MayoristanetResumeAccountBundle:Resume, alias: resume }
        columns:
            id:
                label: ID
                frontend_type: integer
            name:
                label: Name
                frontend_type: string
            lastname:
                label: Lastname
                frontend_type: string
        sorters:
            columns:
                id:
                    data_name: resume.id
                name:
                    data_name: resume.name
                lastname:
                    data_name: resume.lastname
            default:
                name: DESC
        filters:
            columns:
                id:
                    type: number
                    data_name: resume.id
                name:
                    type: string
                    data_name: resume.name
                lastname:
                    type: string
                    data_name: resume.lastname

bundle/Resources/views/layouts/default/mayorista_resume_account_frontend_index/layout.html.twig

{% block _manufacturer_datagrid_widget %}
    {% import 'OroDataGridBundle::macros.html.twig' as dataGrid %}
    {% block content %}
         {{ dataGrid.renderGrid('app-resumes-grid') }}
    {% endblock %}
{% endblock %}

Answer 1

I could solve it using this

{% block _manufacturer_datagrid_widget %}
    {% import 'OroDataGridBundle::macros.html.twig' as dataGrid %}
    {% include 'OroDataGridBundle:js:toolbar.html.twig' %}

    <div  class="js-frontend-datagrid-grid-views-tpl"></div>

    {% block content %}
         {{ dataGrid.renderGrid('app-resumes-grid') }}
    {% endblock %}
{% endblock %}