Benutzerdefinierte Zellen

gefahr

Die neuen React MultiTable-Gadgets unterstützen keine benutzerdefinierten Zellen mehr.

vorsicht

Benutzerdefinierte Zellen müssen mit dem Prefix cell-renderer- beginnen.

Beispielskript:

Vue.component('cell-renderer-counter', {
    props: {
        value: {
            sync: true
        },
        rendered: {},
        columnKey: {
            type: String
        },
        row: {
            type: Object
        },
        column: {
            type: Object
        },
        attributes: {
            type: Object
        },
        allowEdit: {
            type: Boolean
        },
        getLocaleValue: {
            type: Function
        },
        getColumnAttributeByKey: {
            type: Function
        }
    },
    data: function() {
        return {
            count: 0
        }
    },
    template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>',
    methods: {
        update: function(value) {
            // Sendet den neuen Wert zurück zum MultiTable
            $emit('update:value', value)
        }
    }
})

Verwenden in Spaltendefinition:

columns: {
    counter: {
        type: "counter",
    }
}