element-ui table 自定义某列样式

最新推荐文章于 2025-03-12 14:24:08 发布

kirito0615

最新推荐文章于 2025-03-12 14:24:08 发布

阅读量2.8k

点赞数

分类专栏： element-ui 文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/kirito0615/article/details/106664570

版权

element-ui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在vue.js项目中，利用element-ui库，针对table组件实现特定列的样式定制，提升前端界面的展示效果。

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

element-ui table 自定义某列样式

	// 表格每行第五列开始添加点击效果
	this.$nextTick(() => {	//在获得数据元素渲染后获得dom元素
        for (let i = 0; i < $(".el-table__row").length; i++) {
          let classList = [...$(".el-table__row")[i].childNodes];
          //取得想要修改样式的某几列
          classList = classList.splice(
            5,
            $(".el-table__row")[i].childNodes.length - 1
          );
          for (let y = 0; y < classList.length - 1; y++) {
            $(classList[y]).css({
              "vertical-align": "top",
            });
          }
        }
      });