Antd design vue 自定義表頭


定義列

columns: [
        
        {
          dataIndex: "key",
          key: "x",
          slots: {
            customRender: "customAction",
            title: "customActionTitle"
          }
        }
      ]

模板

<a-table
          :columns="columns"
          :data-source="batchData"
          bordered
          size="small"
          :pagination="false"
        >
          <template #customActionTitle="{  }">
            <PlusOutlined @click="addData()" />
          </template>
          <template #customAction="{ key, record }">
            <MinusOutlined @click="deleteData(key, record.key)" />
          </template>
        </a-table>

  Note:定義列的時候不要定義title


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM