Question

我有一个Buefy表，它没有b-table-columns，并使用:data和:columns来填充json数据点。我需要使用@onhover来显示单元格表的其他一些数据点。

我知道我可以为tooltip-b使用b-table-column，如下面的代码：

<b-table-column field="id" label="ID" width="40" sortable numeric>
    <b-tooltip label="Some additional info about the status" position="is-right">
        <span class="tag is-success is-status is-small">{{ props.row.id }}</span>
    </b-tooltip>
</b-table-column>

但是我正在寻找不必使用b-table-column的东西，因为我将不得不用b-table-columns重写整个表。

我注意到一个元属性可以包含在buefy table列中的任何内容。

我应该使用:meta="function(cellIndex)"之类的东西吗？

Answer 1

所以我最终用b-table-column重写了表列，以下是对我有用的代码：

          <b-table-column field="bidCondition" label="B.Cond" sortable numeric centered width="40">
            <b-tooltip :label="tooltipLable(props.row.bidCondition)" position="is-top">
              <span class="dashed-underline">{{ props.row.bidCondition }}</span>
            </b-tooltip>
          </b-table-column>

使用“列”元属性将Buefy表单元悬停？

1 个答案: