vue a-table 如何自定义title里面的样式属性

今天客户想下载表头的标题,就研究了下title里面重新定义样式属性

<a-spin :spinning="confirmLoading">

<a-form :form="form">

<a-table

ref="table"

:columns="columns"

:dataSource="data"

:alert="true"

:rowKey="(record) => record.id"

:pagination="false"

:defaultExpandAllRows="true"

:loading="loading"

showPagination="auto">

<span slot="title_slot" >字段名称<a @click="ExpoortData">(下载)</a></a-tooltip>

</span>

</a-table>

</a-form-item>

</a-form>

</a-spin>

export default {

name:"DetailForm",

data () {

return {

labelCol: {

xs: { span: 24 },

sm: { span: 8 }

},

wrapperCol: {

xs: { span: 24 },

sm: { span: 15 }

},

visible: false,

confirmLoading: false,

ttitle:"",

form: this.$form.createForm(this),

datarowsource:{},

columns: [

{

//title: '字段名称',

align: 'center',

dataIndex: 'dataRName',

scopedSlots: {title:"title_slot",customRender: 'content_slot'}

},

大致的案例就是以上,本人已测试过可使用