当前位置: 首页 > 知识库问答 >
问题:

javascript - el-table,如何去除最外层多余的边框?

井唯
2023-06-26

在线demo
https://codesandbox.io/s/el-table-bian-kuang-chu-li-wrv8zm?fi...

image.png

想问这部分多余的边框要如何才能消除?且左边的表格边框依旧保留?

demo里我已经试了几种方法,都无法完美达到我想要的效果

image.png

共有3个答案

荆鸿畅
2023-06-26

wrap里面设置 width: fit-content;

.wrap {
  width: fit-content;
  padding: 30px;
}
松国兴
2023-06-26

设置 .wrap 元素 max-width: 542px 的样式即可。

image.png

吕文林
2023-06-26

为什么要固定每列为180?去掉最后一列的180设置,就可以自适应宽度了
如果确定想要每列180,就给.wrap添加max-width: (180+1)x3 也就是543px吧
image.png

 类似资料:
  • 请问,在HTML中如何对最外层的container div去除外边距? 代码如下: 但是一直有一个外边距:

  • 问题内容: 谁能解释这是怎么回事: “ ME”发生了什么?冒号是lstrip的特殊字符吗?这特别令人困惑,因为它可以按预期工作: 问题答案: 从字符串开始,从字符串中删除其参数中的所有字符。由于左前缀“ REFPROP-MIX:ME”中的所有字符都在参数“ REFPROP- MIX:”中,因此将删除所有这些字符。同样地: 并 没有 从左侧除去整个字符串(的长度大于1)。如果要这样做,请在开头使用带

  • 本文向大家介绍table去除边框的方法有哪些?相关面试题,主要包含被问及table去除边框的方法有哪些?时的应答技巧和注意事项,需要的朋友参考一下

  • This replaces all repeated spaces, newlines and tabs with a single space, or with a supplied string. 用一个空格或一个给定字符替换所有重复空格,换行和制表符. Note: If you want to strip blocks of template text, use the strip func

  • 我相信很多人都有这个问题,这些是我尝试过的答案,但仍然在上面的左边留下了一个填充/边距。 Android:从ActionBar的自定义布局中删除左页边距 AndroidLollipop,AppCompat ActionBar自定义视图不占用整个屏幕宽度 我的活动/动作栏左侧的填充/边距-不知道它来自哪里,无法删除它 如何删除默认布局的填充/边距 如何去除ActionBar上app图标与屏幕边缘之间

  • 问题内容: 我正在使用此CSS来格式化两列,但是我仍然在两列之间留有边距空间。我可以使用或类似的方法消除它。有没有更优雅的方法可以做到这一点,或者CSS代码有问题? 问题答案: 也许您有: ?如果是这样,那么这可能是一个空格问题(事实证明,空格在html中确实很重要)。这应该解决它: