Data as array of objects with properties which have a "dot"

[rubenp9]

Hello,
I think that there is a bug when you use data as array of object with properties which have a "dot":

render() {
    const { tableData } = this.props;

    let cols = [
      {
        name: '1',
        label: 'ID 1'
      },
      {
        name: '1_1',
        label: 'ID 1_1'
      },
      {
        name: '9.1',
        label: 'ID 9.1'
      }
    ];

    let data = [
      {
        '1': 'it works',
        '1_1': 'it works',
        '9.1': 'it does not work'
      },
      {
        '1': 'it works again',
        '1_1': 'it works again',
        '9.1': 'it does not work yet'
      }
    ];

    return (
      <MUIDataTable data={data} columns={cols} options={this.getOptions()} />
    );
  }

To solve that I have to replace using '9.1'.replace('.', '_') or something similar.

Any suggestions?

Tech	Version
Material-UI	3.9.3
MUI-datatables	2.9.0
React	16.8.6
browser	Google Chrome Version 76.0.3809.132 (Official Build) (64-bit)

[gabrielliwerant]

@rubenp9 Nice find. Yes, this is an unintended consequence of enabling nested data access through the standard dot notation. I'm open to suggestions about how to work around this. It's a little messy, but we could add an option like enableNestedDataAccess which could be flagged on or off to enabled/disable parsing the dot.