element-ui的table表格控件表头与内容列不对齐问题

element-ui的table表格控件表头与内容列不对齐问题


解决方法：
将以下样式代码添加到index.html、或app.vue中（必须是入口文件，起全局作用！）
body .el-table th.gutter{
display: table-cell!important;
}

例如（app.vue）：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<template>

  <div id="app">

    <router-view></router-view>

  </div>

</template>

 

<script>

  export default{

     name: 'APP'

  }

</script>

 

<style>

  /* 解决element-ui的table表格控件表头与内容列不对齐问题 */

  .el-table th.gutter{

    display: table-cell!important;

  }

</style>

 

<style lang="scss">

  @import './styles/index.scss'; // 全局自定义的css样式

</style>

　　

　　


 

 

 

GitHub 加速计划 / eleme / element
13
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支：1 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

cover

仓颉共学创作营正式启动！邀您共探新兴技术，解锁仓颉创作红利

avatar GitCode 开源社区

SCI论文快速写作指南：沁言学术实用方法

在SCI论文写作领域，尤其针对CSDN社区内的计算机科学、AI和算法优化研究者，高效方法的应用已成为提升投稿成功率的关键。AI工具的整合能显著优化从检索到润色的流程。本文基于公开调研数据和用户案例，剖析SCI写作难点，并以沁言学术为例，探讨实用方法与技术机制。重点在于算法深度与效率insights，旨在为CSDN用户提供可操作的指导，帮助科研人员加速SCI论文产出。

avatar GitCode 开源社区

高校科研团队文献协作工具推荐

在高校科研团队中，尤其针对CSDN社区内的计算机科学、AI和大数据领域，文献协作是推动项目进展的核心。传统方法往往因信息孤岛和版本冲突而低效，AI工具的引入能优化这一流程。本文基于公开调研数据和用户案例，剖析协作痛点，并以沁言学术为例，探讨其功能机制与应用策略。重点在于技术深度与团队insights，旨在为CSDN用户提供可借鉴的路径，帮助科研团队提升文献协作效率。

avatar GitCode 开源社区