I have a table set up to display data from an associated table. The functionality is working fine, but I keep seeing a warning message when I apply certain filters:
The warning states that the property depto_modules.length does not exist in the row. It advises verifying if the property is correct because this could lead to unpredictable filtering results.
While the warning doesn't disrupt the operation, I would prefer to get rid of it. My primary table is called Modules and the associated table is referred to as depto_modules(DeptoModules).
This is what my list.vue file looks like:
<template>
<div class="">
<alert
:show-alert="alertShowErrors"
:closable="alertClosable"
:type="alertType"
:title="alertTitle"
:description="alertDescription"
:show-icon="alertShowIcon"
/>
<box box_type="solid" :title="title" :collapse="collapse" class="box-title">
<el-row>
// Code for button to add new entries
</el-row>
<el-row>
// More code related to search input and table refresh buttons goes here...
</el-row>
<el-row>
<el-col :span="24">
<data-tables>
// Table structure details and binding with data and functions
</data-tables>
</el-col>
</el-row>
</box>
</div>
</template>
// Script section with various methods and data definitions follow...Here's the warning message I'm encountering: https://i.stack.imgur.com/SKvSN.png And here's how my output currently looks: https://i.stack.imgur.com/TDHI0.png Any suggestions on how I can resolve this warning?