Skip to content

复合型输入框显示bug #2449

Open
Open
@MrSong0607

Description

@MrSong0607

Bug report(问题描述)

element的复合型输入框,在table 表头上的显示bug

Steps to reproduce(问题复现步骤)

custom-theme的样式导致element-ui的复合型输入框显示出问题

.el-table th div {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    <el-table>
      <el-table-column align="right">
        <template v-slot:header="{row}">
          <el-input placeholder="请输入内容" class="input-with-select">
            <el-button slot="append" icon="el-icon-search" />
          </el-input>
        </template>
      </el-table-column>
    </el-table>

Screenshot or Gif(截图或动态图)

image

Other relevant information(格外信息)

  • Your OS:windows 10
  • Node.js version:v12.7.0.
  • vue-element-admin version:4.2.1

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions