Question

我对Vue.js很陌生，并且运行Laravel后端/ API，由Vue支持的前端通过axios请求连接到该Laravel。但是，我在Datatables的实现上费了很多力气：我需要添加一个表脚，该表脚总结一个表列，其中包含数小时的一些时间跟踪项。我正在使用vue2-datatable 2。我知道，该组件已被弃用，但不幸的是，我坚持使用此组件，无法切换到其他datatable-component。

在我的Vue文件中，我称其为datable：

<datatable v-if="!loading" :columns="columns" :data="data" :query="query" :xprops="xprops" />

数据部分如下：

<script>
import { mapGetters, mapActions } from 'vuex'
import DatatableActions from '../../dtmodules/DatatableActions'
import DatatableSingle from '../../dtmodules/DatatableSingle'
import DatatableList from '../../dtmodules/DatatableList'
import DatatableCheckbox from '../../dtmodules/DatatableCheckbox'

export default {
data() {
    return {
        columns: [
            { title: 'Costcenter', field: 'costcenter', sortable: true, colStyle: 'width: 120px;' },
            { title: 'Project', field: 'project_assignment', tdComp: DatatableSingle, sortable: true },
            { title: 'User', field: 'user_assignment', sortable: true, tdComp: DatatableSingle },
            { title: 'Date', field: 'timeitem_begin', sortable: true, colStyle: 'width: 50px;' },
            { title: 'Hours', field: 'timeamount', sortable: true },
        ],
        query: { sort: 'timeitem_begin', order: 'desc' },
        xprops: {
            module: 'AnalyticsIndex',
            route: 'timeitems',
            permission_prefix: 'timeitem_'
        },
        analytics_date_from: '',
        analytics_date_to: ''
    }
},

有一个包含页脚（https://onewaytech.github.io/vue2-datatable/examples/dist/#advanced）的示例，我想我应该构建另一个组件，例如上面导入的模块。在某些时候，应将小时总计为“总计”变量。但老实说，我不知道从哪里开始和在哪里提出。我在哪里告诉数据表实际呈现页脚？

任何提示将不胜感激，如果需要，我很高兴提供更多背景信息。

添加具有计算值的vue.js数据表页脚行，并带有»vue2-datatable«组件

0 个答案: