RowTemplate in TreeGridComponent is not working

[Aravind Rajagopal]

Hi,

I have a rowTemplate used in a treegrid component. It not rendering anything if I use a treegrid component. Not sure hat is wrong.

a

<TreeGridComponent

            id='grdMappingTree'

            ref={grdMappingTree}

            dataSource={data}

            treeColumnIndex={0}

            allowTextWrap={true}

            childMapping='ac'

            enableCollapseAll={true}

            rowTemplate={treeRowTemplate}

            >

              <ColumnsDirective>

                  <ColumnDirective field='name' headerText='AC/>

                  <ColumnDirective field='level' headerText='level'/>

                  <ColumnDirective field='efw' headerText='In'/>

              </ColumnsDirective>

          </TreeGridComponent>

const treeRowTemplate = (props) => {

    return(

      <tr>

        <td>{props.name}</td>

        <td>{props.level}</td>

        <td>{props.efw}</td>

      </tr>

    );

  }

data

[

    {

        "ac": [

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523246038f0c",

                "name": "AA",

                "shortName": "AA"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523236038f0c",

                "name": "AB",

                "shortName": "AB"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-524136038f0c",

                "name": "AC",

                "shortName": "AC"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523256038f0c",

                "name": "AD",

                "shortName": "AD"

            }

        ],

        "id": "f7bdd221-cecd-4f9a-b17b-1a2139156038",

        "name": "A",

        "pid": "e0652a6a-0158-4a4d-82c1-5faca60d0eb0",

        "svid": "6f92e64a-9ed7-420d-ae76-0c048ff80919"

    },

    {

        "ac": [

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523306038f0c",

                "name": "BA",

                "shortName": "BA"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523326038f0c",

                "name": "BB",

                "shortName": "BB"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523346038f0c",

                "name": "BC",

                "shortName": "BC"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523276038f0c",

                "name": "BD",

                "shortName": "BD"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523316038f0c",

                "name": "BE",

                "shortName": "BE"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523286038f0c",

                "name": "BF",

                "shortName": "BF"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523266038f0c",

                "name": "BG",

                "shortName": "BG"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523296038f0c",

                "name": "BH",

                "shortName": "BH"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523336038f0c",

                "name": "BI",

                "shortName": "BI"

            }

        ],

        "id": "f7bdd221-cecd-4f9a-b17b-1a2139166038",

        "name": "B",

        "pid": "e0652a6a-0158-4a4d-82c1-5faca60d0eb0",

        "svid": "6f92e64a-9ed7-420d-ae76-0c048ff80919"

    },

    {

        "ac": [

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523436038f0c",

                "name": "CA",

                "shortName": "CA"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523456038f0c",

                "name": "CB",

                "shortName": "CB"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523396038f0c",

                "name": "CC",

                "shortName": "CC"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523426038f0c",

                "name": "CD",

                "shortName": "CD"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523416038f0c",

                "name": "CE",

                "shortName": "CE"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523356038f0c",

                "name": "CF",

                "shortName": "CF"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523376038f0c",

                "name": "CG",

                "shortName": "CG"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523406038f0c",

                "name": "CH",

                "shortName": "CH"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523386038f0c",

                "name": "CI",

                "shortName": "CI"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-524146038f0c",

                "name": "CJ",

                "shortName": "CJ"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523366038f0c",

                "name": "CK",

                "shortName": "CK"

            },

            {

                "efw": false,

                "id": "d9f07024-5847-45b9-ac4e-523446038f0c",

                "name": "CL",

                "shortName": "CL"

            }

        ],

        "id": "f7bdd221-cecd-4f9a-b17b-1a2139176038",

        "name": "C",

        "pid": "e0652a6a-0158-4a4d-82c1-5faca60d0eb0",

        "svid": "6f92e64a-9ed7-420d-ae76-0c048ff80919"

    }

]

[Pon Selva Jeganathan]

Hi Aravind RajaGopal,

We are able to replicate the issue(While using row template in react, No records to display message shown) at our end. And it is a known issue. We already logged a bug for the same as (“Data Source is not rendered in RowTemplate sample”). Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle) and will include the fix in our upcoming patch release. Until then we appreciate your patience.

Regards,

Pon selva

[Pon Selva Jeganathan]

Aravind RajaGopal,

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.     

Feedback Link: https://www.syncfusion.com/feedback/42279/data-source-is-not-rendered-in-rowtemplate-sample

[Pon Selva Jeganathan]

Hi Aravind RajaGopal,

We appreciate your patience.

We are glad to announce that Essential Studio 2023 Volume 1 Service Pack Release v21.2.3 is rolled out and is available for download under the following link. The issue “Data Source is not rendered in RowTemplate sample” has been fixed and included in this release.

Essential Studio 2023 Volume 1 Service Pack Release v21.2.3 is available for download | Announcements Forums | Syncfusion

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Release Notes : https://ej2.syncfusion.com/react/documentation/release-notes/21.2.3/?type=all#tree-grid