Hi,

customers.ts is a file mostly for the demo purpose, so in a real app, it is better to fetch data inside a separate vuex module and then display the vuex store in the component.

Please check our KTDatatable component doc to get more info about the usage.
https://preview.keenthemes.com/metronic8/vue/docs/#/setup-theme-skeleton

Hi, I have too many days try datatable work with firebase, i cant, only can see data in console.

can you please sent my code sample firebase datatable.
i have too many days and cant make this work!!

please....

regards

my code

<script lang="ts">
import { defineComponent, ref, onMounted, } from "vue";
import Datatable from "@/components/kt-datatable/KTDatatable.vue";
import ExportCustomerModal from "@/components/modals/forms/ExportCustomerModal.vue";
import AddCustomerModal from "@/components/modals/forms/AddCustomerModal.vue";
import { setCurrentPageBreadcrumbs } from "@/core/helpers/breadcrumb";
import firebase from "firebase/app";
export default defineComponent({
name: "customers-listing",
components: {
Datatable,

},
data() {
return {
count: 1,
tableData: ref<any>([]),
tableHeader: ref([
{
key: "checkbox",
sortable: false,
},
{
name: "Customer Name",
key: "name",
sortable: true,
},
{
name: "Email",
key: "email",
sortable: true,
},
{
name: "Actions",
key: "actions",
},
])
}
},

mounted() {
firebase
.firestore()
.collection("Spark/Datos/Usuarios")
.onSnapshot((querySnapshot) => {
let data: any[] = []
console.log("VACIO: ", JSON.parse(JSON.stringify(this.tableData)));

querySnapshot.forEach((doc) => {
data.push({
id: doc.data().id,
name: doc.data().name,
email: doc.data().email
});
this.tableData = data

});
console.log("VACIO: ", JSON.parse(JSON.stringify(data)));
return data = this.tableData

});
}
})
</script>