antdv 修改table中的样式

非正式搬砖工

于 2020-05-08 18:05:58 发布

阅读量4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_37607502/article/details/106002891

21 篇文章

订阅专栏

本文介绍了一种在Table中调整列样式的有效方法，通过设置align属性，可以轻松实现列标题及内容的对齐方式调整。更进一步，可以通过给Table添加特定class，再利用CSS进行更为精细的样式定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想要改变table中的column的样式，可以根据align来改变

{
    title: '操作',
    key: 'action',
    scopedSlots: {customRender: 'action'},
    align: 'center',
    width: 140
  }

但是有一点，比如说align = 'left’就是将列标题以及本列的所有内容居中，在这里插入图片描述
我想要实现这种效果。

实现：先给table一个class

然后F12定义到该列标题的calss,使用

这段代码就可以搞定了。