ant design vue table表头居中,表体居右。
根据要求进行设置,话不多说。column=[ {title: '名字',key: 'name',dataIndex: 'name',width:30,//align:'center',//--如果设置了会覆盖下面的right。控制表头& 表体。表头默认居左,customRender:(value, row, index) => {//本列的值,所有行数据包括本列,第几列。表体的数据列
·
根据要求进行设置,话不多说。
column=[ {
title: '名字',
key: 'name',
dataIndex: 'name',
width:30,
//align:'center',//--如果设置了会覆盖下面的right。控制表头& 表体。表头默认居左,
customRender:(value, row, index) => {//本列的值,所有行数据包括本列,第几列。表体的数据列样式
const obj = {
children: value,
attrs: {},
};
obj.attrs.align = 'right';//控制表体内容居右
return obj;
}
},]
通过查询,发现这样并不能解决我需要解决问题,这样显示的结果是(表头默认居左,而内容居右)。查询无果。
尝试css来控制。
<style scoped lang="less">
/deep/.ant-table-thead > tr > th {
text-align: center;
}
</style>
根据要求大家遇到问题,就试试吧
更多推荐
已为社区贡献5条内容
所有评论(0)