ContentButtonColumnComponent

This component allows you a button inside the column of the table

<template>
  <div>
    <section>
      <server-table-component
        data-url="/services"
        v-bind="servicesDefinition"
      />
    </section>
  </div>
</template>;

export default {
  name: "App",
  data() {
    return {
      servicesDefinition: {
        vtable: {
          headers: [
            {
              text: "Service Id",
              value: "service_Id",
              align: "left",
              render: {
                type: ContentButtonColumnComponent,
                props: {
                  content: "publicationCount",
                  textLenght: 15,
                  button: {
                    isRounded: true,
                    icon: "monitor",
                    type: "is-white",
                    tooltip: {
                      label: this.$t("publicationsExistCount"),
                      type: "is-white",
                    },
                  },
                },
                events: {
                  "button-clicked": (v) => this.publicationsOpen(v),
                },
              },
              sortable: true,
              class: "white-space-nowrap",
            },
          ],
        },
      },
    };
  },
};

Props

Name	Description	Type	Required	Default
value	-	`Object`	`false`	-
textLenght	-	`Number`	`false`	undefined
button	Button configuration	`Object`	`false`	default() {
return {

isRounded: true,
type: "is-primary",
icon: "monitor",
size: "is-small",
disabled: false,
tooltip: {
  label: "Test label",
  position: "is-left",
  type: "is-primary"
}

}; }| |content|-|String|false|undefined| |comparator|-|String|false|undefined| |rowArrayValue|Value row array|String|false|undefined| |rowValue|Value row|String|false|undefined|

Events

Event Name	Description	Parameters
button-clicked	-	-