常州网站开发培训价格,商城源码下载,百度联盟个人怎么接广告,手机建站系统问题#xff1a;遇到了个需求#xff0c;不仅要设置分组的头部#xff0c;还要在顶部有个统计总和的栏。 分组表头的配置主要是这个#xff0c;就是套娃原理#xff0c;不需要展示数据的直接写个title就行#xff0c;需要展示数据的字段才需要详细的配置属性。
const co…问题遇到了个需求不仅要设置分组的头部还要在顶部有个统计总和的栏。 分组表头的配置主要是这个就是套娃原理不需要展示数据的直接写个title就行需要展示数据的字段才需要详细的配置属性。
const columns [{title: ,children: [{title: 员工姓名,dataIndex: name,key: name,width: enums.COLUMNS_WIDTH.NAME,align: center,fixed: left,ellipsis: true,},],},{title: 基础数据,children: [{title: 通话次数,dataIndex: call_num,key: call_num,width: enums.COLUMNS_WIDTH.NAME,align: right,ellipsis: true,},{title: 通话时长,dataIndex: call_duration,key: call_duration,width: enums.COLUMNS_WIDTH.NAME,align: center,ellipsis: true,},],},{title: 通话表现,children: [{title: 高意向客户数,dataIndex: intention_level_num,key: intention_level_num,width: enums.COLUMNS_WIDTH.NAME,align: right,ellipsis: true,},{title: 语速过快通,dataIndex: speak,key: speak,width: enums.COLUMNS_WIDTH.NAME,align: right,ellipsis: true,},{title: 说话过多通,dataIndex: talking,key: talking,width: enums.COLUMNS_WIDTH.NAME,align: right,ellipsis: true,},],},
];
配置固定的合计栏主要是使用了table中的总结栏。
下面的代码中还有关于自定义单个头部字段的方法使用的是插槽headerCell
自定义table字段的方法使用的是插槽bodyCell没有值的显示--
总结栏是使用的插槽summary至于里面显示的具体数值需要自己配置。
a-table-summary-row一行
a-table-summary-cell一列也可以叫单元格
a-tablev-elsereftablerowKeyidbordered:loadingloading:paginationfalse:scroll{y: tableTop}sizemiddle:locale{emptyText: 暂无数据}:columnscolumns:data-sourceclueListtemplate #headerCell{ column }template v-ifcolumn.dataIndex speakspan语速过快通a-tooltiptemplate #title语速过快按照通话次数统计销售在此次通话中是否语速过快。/templateQuestionCircleOutlined //a-tooltip/span/templatetemplate v-ifcolumn.dataIndex talkingspan说话过多通a-tooltiptemplate #title说话过多按照通话次数统计销售在此次通话中说话字数超过60%。/templateQuestionCircleOutlined //a-tooltip/span/template/templatetemplate #bodyCell{ column,record }template v-ifcolumn.dataIndexnamediv stylewidth: 100%; click.stopgoToClueDetail(record) classtruncated-texta-tooltip placementtopLefttemplate #titlespan{{ record?.create_user?.real_name||- }}/span/templatespan{{ record?.create_user?.real_name||- }}/span/a-tooltip/div/templatetemplate v-ifcolumn.dataIndexcall_num{{ record.call_record?.call_duration ||- }}/templatetemplate v-ifcolumn.dataIndexcall_duration{{ record.call_record?.call_duration?secondsToHMS(record.call_record?.call_duration) :- }}/templatetemplate v-ifcolumn.dataIndexintention_level_num{{ record.call_record?.intention_level ||- }}/templatetemplate v-ifcolumn.dataIndexspeak{{ record.call_record?.employee_performance?.speak_num ||- }}/templatetemplate v-ifcolumn.dataIndextalking{{ record.call_record?.employee_performance?.talking_num ||- }}/template/templatetemplate #summarya-table-summary fixedtopa-table-summary-rowa-table-summary-cell styletext-align: center合计/a-table-summary-cella-table-summary-cell styletext-align: end{{ 16 }}/a-table-summary-cella-table-summary-cell styletext-align: center{{ 01:08:14 }}/a-table-summary-cella-table-summary-cell styletext-align: end{{ 259 }}/a-table-summary-cella-table-summary-cell styletext-align: end{{ 345 }}/a-table-summary-cella-table-summary-cell styletext-align: end{{ 161 }}/a-table-summary-cell/a-table-summary-row/a-table-summary/template/a-table
