element ui table改变默认样式，去掉边框改变table背景颜色

最新推荐文章于 2024-06-28 14:59:29 发布

雨文2021

最新推荐文章于 2024-06-28 14:59:29 发布

阅读量1k

点赞数 1

文章标签： elementui vue.js javascript 前端前端框架

本文链接：https://blog.csdn.net/qq_28170105/article/details/125010330

版权

本文介绍了如何在 Element UI 中修改 Table 组件的默认样式，包括删除边框和更改表格的背景颜色，以实现前端界面的个性化定制。通过使用 Vue.js 的 scoped CSS 或者 CSS Modules，我们可以针对性地覆盖 Element UI 的样式规则。

摘要由CSDN通过智能技术生成

<template>
  <div class="jg-dw-jr">
   //四个角直角
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <div class="title">
      <i class="fa fa-chevron-right" aria-hidden="true"></i><i class="fa fa-chevron-right icon-right" aria-hidden="true"></i>
      监管单位接入情况</div>
    <div class="jcContMain">
      <el-table
        :data="tableData"
        //改变表头样式必须写
        :header-cell-style="getRowClass"
        style="width: 100%">
        <el-table-column
          type="index"
          label="序号" >
        </el-table-column>
        <el-ta

最低0.47元/天解锁文章

雨文2021

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
element ui table改变默认样式，去掉边框改变table背景颜色

<template> <div class="jg-dw-jr"> //四个角直角 <span></span> <span></span> <span></span> <span></span> <div class="title"> <i class="fa fa-chevron-right" a...
复制链接

扫一扫