(BUG) If row coulmn have null or blank value then column dat

Hopefully this is something that will be fixed soon. It would be good if tech support can chime in here.

If you look at your console you will likely have errors to the effect

> Whitespace text nodes cannot appear as a child of tr.

The way I have overcome this is to have a sanitize function that deletes any null values from the data object passed to MDBDataTable. Here is a snippet of the code to do ajax request and then to sanitize the data for any object

function sanitize(obj) {
    // Set Any null or '' values to ' ' in order to avoid MDBDatatable Whitspace Errors
    for (let i = 0; i < obj.length; i++) {
      for (var propName in obj[i]) {
        if (
          obj[i][propName] === null ||
          obj[i][propName] === undefined ||
          obj[i][propName] === ''
        ) {
          delete obj[i][propName]
        }
      }
    }
  }

  const getOwners = async opt => {
    //console.log(process.env.REACT_APP_BACKEND_SERVER + '/api/entity/' + opt)
    const res = await axios({
      method: 'get',
      url:
        process.env.REACT_APP_BACKEND_SERVER +
        '/api/entity/' +
        opt +
        '?x-auth-token=' +
        localStorage.trustpoint_token,
      headers: {
        'x-auth-token': localStorage.trustpoint_token
      }
    })
    for (let i = 0; i < res.data.length; i++) {
      res.data[i]['clickEvent'] = () => handleRowClick(res.data[i].code)
    }

    //sanitize(res.data)
    console.log('Sanitized data', res.data)

    appContext.setOwnerData(res.data)
  }

Hi @harmis,

Thank you for the founded bug!

We will fix this in the near future, maybe in this release.

The easy way to fix this issue is to pass one space instead of blank value. As he mentions it @harmis.

Best regards.