Datatable errors when first cell is empty

Expected behavior
Datatable will display with the first cell containing the defined default value.

Actual behavior
Datatable fails with the error:

mdb-vue-ui-kit.js?v=a5f41e7b:29471 Uncaught (in promise) TypeError: row.forEach is not a function
    at mdb-vue-ui-kit.js?v=a5f41e7b:29471:15
    at Array.forEach (<anonymous>)
    at getGeneratedRows (mdb-vue-ui-kit.js?v=a5f41e7b:29469:17)
    at getDataFromProps (mdb-vue-ui-kit.js?v=a5f41e7b:29577:16)
    at mdb-vue-ui-kit.js?v=a5f41e7b:29396:9

Resources (screenshots, code snippets etc.)
The error happens in the lines:

const getGeneratedRows = (columns) => {
      let rows = [];
      const datasetRows = props.dataset.rows;
      const index2 = columns[0].field;
      const firstCell = datasetRows[0][index2];
      if (firstCell || firstCell === 0) { // condition fails when firstCell is an empty string, false, null or undefined
        rows = datasetRows.map((row, key) => ({
          ...row,
          mdbIndex: key,
          selected: false
        }));
      } else {
        const rowsArr = datasetRows.map((tr) => tr);
        rowsArr.forEach((row, key) => {
          rows.push({});
          row.forEach((td, tdKey) => { // <-- ERROR!
   ...

This happens due to checking whether the row is an array by the first cell, and can be fixed by instead using the baseline JS function Array.isArray:

const getGeneratedRows = (columns) => {
      let rows = [];
      const datasetRows = props.dataset.rows;
      const index2 = columns[0].field;
      if (!Array.isArray(datasetRows[0])) {
        rows = datasetRows.map((row, key) => ({
        // ...
      } else {
        const rowsArr = datasetRows.map((tr) => tr);
        rowsArr.forEach((row, key) => {
          rows.push({});
          row.forEach((td, tdKey) => { // row is definitely an array
   ...