嵌套表格，表格外头的行高如何修改？

表格套表格，那表格外头的表格行高能不能手动修改？该如何改？有没有知道的？
#iview

【以下回答由 GPT 生成】

回答:

嵌套表格外部行高的修改取决于你使用的样式库和前端框架。在Vue.js中，你可以使用以下步骤来手动修改外部表格的行高:

首先，确定你正在使用的样式库（如Bootstrap、Element UI等）或自定义的CSS样式表。
在Vue组件的模板中，找到嵌套表格所在的位置，通常是一个<table>元素包裹的代码块。
检查外部表格的父容器（可能是一个<div>元素），并为其添加一个类名或ID，以便在CSS样式表中进行样式修改。

例如，如果你的外部表格的父容器元素为<div id="outer-table">，你可以在组件的模板中添加以下代码:

<div id="outer-table">
  <!-- 嵌套表格的代码 -->
</div>

在你的CSS样式表中，根据类名或ID选择器，为外部表格添加样式，修改行高。

如果你使用的是自定义的CSS样式表，可以在样式表中添加类似以下的代码:

#outer-table table tr {
  height: 50px; /* 修改行高为50像素 */
}

如果你使用的是样式库（如Bootstrap、Element UI），可以查阅它们的文档，了解如何修改表格的行高。通常，可以通过添加类名或进行其他样式修改来实现。

总结，你需要确定样式库或CSS样式表，并在外部表格的父容器上添加类名或ID，然后使用CSS样式表来修改行高。具体的行高值可以根据你的需求进行调整。

【相关推荐】

这个问题的回答你可以参考下: https://ask.csdn.net/questions/7773550
这篇博客也不错, 你可以看下当图片宽高和轮播图的框不一致时
您还可以看一下宋子健老师的网络空间安全基础篇课程中的编程语言的选择，高级语言和低级语言小节, 巩固相关知识点
除此之外, 这篇博客: 电商项目订单模块以及高并发的处理中的 当用户点击提交订单时，会创建订单： 部分也许能够解决你的问题。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

1、导入依赖
npm i less -D

2、使用 :deep() 选择器

/* 外层表格 */
:deep(.el-table) {

  th {

    .cell {
      color: #000;
      font-weight: normal;
      font-size: 13px;
    }
  }

  td {
    padding: 2.5px 0;

    .cell {
      color: #000;
      font-size: 13px;
      padding: 0;
    }
  }

  /* 内层表格 */
  .el-table {

    th {

      .cell {
        color: #000;
        font-weight: normal;
        font-size: 13px;
      }
    }
  
    td {
      padding: 2.5px 0;
  
      .cell {
        color: #000;
        font-size: 13px;
        padding: 0;
      }
    }
  }
}