el-table去掉内框线

要想去掉`el-table`的内框线，可以通过以下两种方式实现：

1. 在`el-table`组件上添加`border`属性，将其设置为`false`，即可去掉内框线。示例代码如下：

<el-table :data="tableData" border="false">
  <!-- 表格列 -->
</el-table>

2. 通过 CSS 样式覆盖的方式去掉内框线。可以在`<style>`标签中添加以下样式：

.el-table__body tbody > tr:last-child .cell {
  border-bottom: none;
}
.el-table__body tbody > tr > .cell {
  border-bottom: none;
}
.el-table__header th {
  border-bottom: none;
}

以上两种方式都可以去掉`el-table`的内框线，你可以根据具体的需求来选择使用哪种方式。

相关问题

el-date-picker手动输入

element-ui的DateTimePicker组件提供了一个editable属性，可以用来控制是否允许手动输入。然而，该属性只对外框有效，内框仍然可以手动输入。如果需求要求外框和内框都不允许输入只能选择，我们需要自己编写JavaScript代码来实现。可以通过给组件内的输入框添加readonly属性来将其变为只读状态。以下是一个解决方案的示例

el-form-item的label内容超出两行溢出隐藏

你可以使用 CSS 的 `text-overflow` 属性来实现 label 内容超出两行溢出隐藏。

首先，给 el-form-item 设置一个固定的高度，比如：

<el-form-item label="这是一个很长很长的标签名字" style="height: 40px;">
  <el-input></el-input>
</el-form-item>

然后，在 label 的样式中添加以下属性：

.el-form-item__label {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

其中，`-webkit-box` 属性会将文本包裹在多个行内框中，`-webkit-line-clamp` 属性限制文本显示的行数，`-webkit-box-orient` 属性设置文本排列方向为垂直方向，`overflow` 属性设置文本溢出隐藏，`text-overflow` 属性设置文本溢出时的省略号显示。

这样，label 内容超出两行时就会自动隐藏并显示省略号。