<q-table class="col-md-12" style="margin-top: 15px" dense :pagination="pigitions" :rows="rows" :columns="columns" row-key="ITEM_ID" :selected-rows-label="getSelectedString" selection="multiple" :loading="loading" :visible-columns="visibleColumns" v-model:selected="selected"> <template v-slot:unsignedAction="props"> <q-btn label="123">{{ props.row.DOC_UNSIGNED }}</q-btn> </template> <template v-slot:signedAction="props"> <q-btn label="123">{{ props.row.DOC_SIGNED }}</q-btn> </template> </q-table> 如何把按钮加入到DOC_UNSIGNED和DOC_SIGNED的列里
时间: 2024-02-14 12:13:47 浏览: 368
Quasar Input:type="number" 去掉上下小箭头 实现加减按钮样式功能
5星 · 资源好评率100%
您可以使用`q-td`组件来在表格中添加按钮。您可以像这样更改模板:
```html
<q-table class="col-md-12" style="margin-top: 15px"
dense
:pagination="pigitions"
:rows="rows"
:columns="columns"
row-key="ITEM_ID"
:selected-rows-label="getSelectedString"
selection="multiple"
:loading="loading"
:visible-columns="visibleColumns"
v-model:selected="selected"
>
<template v-slot:body-cell-Doc_UNSIGNED="props">
<q-td :props="props">
<q-btn label="123">{{ props.row.DOC_UNSIGNED }}</q-btn>
</q-td>
</template>
<template v-slot:body-cell-Doc_SIGNED="props">
<q-td :props="props">
<q-btn label="123">{{ props.row.DOC_SIGNED }}</q-btn>
</q-td>
</template>
</q-table>
```
这样,您就可以将按钮添加到每个单元格中。
阅读全文