DataTable : column name with dot

[Mani-Santhosh]

Describe the bug

In the dynamic data table field, the value contains a dot(.) operator that entier the column displayed empty.
eg: { field: "code 2.2", header: "Code 2.2" }
Code 2.2 column displayed empty

Reproducer

No response

PrimeReact version

8

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

Column name with dot is not showing data

Expected behavior

data would show

[melloware]

Can you provide a link to your code sandbox please?

[Mani-Santhosh]

Yes,
https://codesandbox.io/s/elated-wood-hf7pzb?file=/src/demo/DataTableDynamicDemo.js

[melloware]

Thanks for the reproducer confirmed the issue is right here:

static resolveFieldData(data, field) {
        if (data && Object.keys(data).length && field) {
            if (this.isFunction(field)) {
                return field(data);
            } else if (field.indexOf('.') === -1) {
                return data[field];
            } else {
                let fields = field.split('.');
                let value = data;

                for (var i = 0, len = fields.length; i < len; ++i) {
                    if (value == null) {
                        return null;
                    }

                    value = value[fields[i]];
                }

                return value;
            }
        } else {
            return null;
        }
    }

[Mani-Santhosh]

Thanks @melloware