如何解决我可以在react-pivottable中为表格值应用自定义格式吗?
我可以对表值应用react-pivottable
中的自定义格式吗?
例如,我必须获取count
值的总和,该值以两位小数出现。但是,我想自定义那些小数位。
<template>
<div id="app">
<vue-custom-scrollbar class="scroll-area" :settings="settings">
<vue-pivottable height="720" width="1280"
:data="pivotData"
:aggregator-name="aggregatorName"
:renderer-name="rendererName"
:rows="rows"
:cols="cols"
:vals="vals"
:row-total="true"
:col-total="true"
:inclusions ="inclusions"
:sorters ="this.sortOrder()"
:formatSettings="formatSettings"
>
</vue-pivottable>
</vue-custom-scrollbar>
</div>
</template>
<script>
import { VuePivottable} from 'vue-pivottable'
import 'vue-pivottable/dist/vue-pivottable.css'
import vueCustomScrollbar from 'vue-custom-scrollbar'
export default {
components: {
VuePivottable,vueCustomScrollbar
},data: function(){
return{
aggregatorName: 'Sum',rendererName: 'Table',rows: ['country','gender'],cols: ['year'],vals: ['count']
}
}
},computed: {
pivotData: function () {
const pivotData = [
{"country": "United States","year": 2010,"gender": "male","count": parseInt('153295220')},{"country": "United States","gender": "female","count": parseInt('156588400')},{"country": "France","year": 2012,"count": parseInt('32612882')}
]
return pivotData;
}
}
}
</script>
这是输出的图像:
解决方法
如果你只是想得到小数,你可以使用这个聚合器:
aggregatorName="Integer Sum"
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。