MDBDatatables row and columns already defined but still work

Hi, In order to reproduce your situation and help you get rid of this warning I need to take a look at your code. Would you mind sharing your datatable template and data you're passing as a prop? Kind regards, Magdalena

                <mdb-datatable v-bind:data="data" v-bind:searching="false" striped bordered hover class="w-75" />


<script>
    import { mdbRow, mdbCol, Btn, mdbDatatable } from 'mdbvue';


    export default {
        components: { mdbRow, mdbCol, Btn, mdbDatatable },
        data() {
            return {                
                data: {
                    columns: [
                        {
                            label: 'Success',
                            field: 'success',
                            sort: 'asc'
                        },
                        {
                            label: 'Date',
                            field: 'dateTime',
                            sort: 'asc'
                        }
                    ],
                    rows: [

                    ]
                }
            }
        },
        sockets: {

        },
        methods: {
            test: function () {
            }

        },
        mounted() {

            this.data.rows.length = 0;
            var data = this.$store.state.loginHistory;

            for (var i = 0; i < Object.keys(data).length; i++) {


                this.data.rows.push({ success: data[i].Success, dateTime:     moment(data[i].DateTime).format('YYYY-MM-DD - hh:mm:ss A') });

            }


    }
}

Hi, I've tried to recreate your situation with something like this:

<template>
  <div>
    <mdb-datatable :data="myData" :searching="false" striped bordered hover class="w-75" />
  </div>
</template>
<script>
  import { mdbDatatable } from 'mdbvue';

  export default {
    name: 'HelloWorld',
    components: {
      mdbDatatable
    },
    data() {
      return {                
        myData: {
          columns: [
          {
              label: 'Success',
              field: 'success',
              sort: 'asc'
            },
            {
              label: 'Date',
              field: 'dateTime',
              sort: 'asc'
            }
          ],
          rows: [
          ]
        }
      }
    },
    mounted() {
      let data = [{Success: true, DataTime: '1993-05-13 - 11:20:04 A'}, {Success: true, DataTime: '1993-05-13 - 11:20:04 A'}]
      data.forEach(item => {
          this.myData.rows.push({ success: item.Success, dateTime: item.DataTime });
      });
    }
}
</script>

I believe this line of code was redundant: this.data.rows.length = 0; as the length of an empty array is already 0. Unfortunately I wasn't able to recreate your warning, but you can try checking if the problem still occurs after removing this line. Kind regards, Magdalena