解决树形表格 第一列中文字没有对齐

二级分类与一级分类的文字没有对齐

html 复制代码
  <el-table
     :data="templateStore.hangyeList"
     style="width: 100%"
     row-key="id"
     :tree-props="{ children: 'subData', hasChildren: 'hasChildren' }"
>
     <el-table-column prop="industryCode" label="选项编码" width="80px" />
        <el-table-column type="index" label="排序" width="100px" />
        <el-table-column prop="name" label="选项名称" />
        <el-table-column prop="isEnable" label="是否启用" width="100px">
           <template #default="{ row }">
              <span>{{ row.isEnable ? '是' : '否' }}</span>
           </template>
        </el-table-column>

        <el-table-column prop="createdTime" label="创建时间" />
        <el-table-column label="操作" width="300">
            <template #default="{ row }">
                <div>
                   <el-button
                      type="link"
                      v-if="!row.parentId"
                      @click="addclasshandle(row)"
                      size="small"
                       >新增二级分类模块
                   </el-button>
                   <el-button type="link" @click="Edit(row)" size="small">编辑
                   </el-button>
                   <el-button type="link" @click="del(row)" size="small">删除</el-button>
               </div>
            </template>
        </el-table-column>
</el-table>

解决方法:

在第一列中添加右对齐即可: align="right"

html 复制代码
   <el-table-column
      align="right"
      prop="industryCode"
      label="选项编码"
      width="80px"
/>
相关推荐
@大迁世界12 分钟前
用 popover=“hint“ 打造友好的 HTML 提示:一招让界面更“懂人”
开发语言·前端·javascript·css·html
烛阴20 分钟前
【TS 设计模式完全指南】用工厂方法模式打造你的“对象生产线”
javascript·设计模式·typescript
定栓23 分钟前
Typescript入门-类型断言讲解
前端·javascript·typescript
xiaominlaopodaren31 分钟前
“UI里就可以请求数据库”,让你陌生的 React 特性
前端·javascript·react.js
薛定谔的算法33 分钟前
JavaScript数组操作完全指南:从基础到高级
前端·javascript·算法
用户221520442780039 分钟前
Promise实例方法和async、await语法糖
前端·javascript
前端开发爱好者1 小时前
下一代全栈框架:Deno + Vite 的结合体!
前端·javascript·后端
CUGGZ1 小时前
前端部署,又有新花样?
前端·javascript
Zz_waiting.1 小时前
Javaweb 14.4 Vue3 视图渲染技术
前端·javascript·vue.js
前端开发爱好者2 小时前
一键 i18n 国际化神库!适配 Vue、React!
前端·javascript·vue.js