tntd/lib/table/expand.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

@table-prefix-cls: ~'@{ant-prefix}-table';

// .@{table-prefix-cls} {
.tnt-table-wrapper {
  // customize the fixed of table
  &.@{table-prefix-cls}-sticky {
    .@{table-prefix-cls}-scroll,
    .@{table-prefix-cls}-default {
      .@{table-prefix-cls}-body table {
        table-layout: fixed;

        tr.@{table-prefix-cls}-expanded-row.@{table-prefix-cls}-expanded-row-level-1 {
          position: relative;
          z-index: 10;

          > td:not([colspan]) {
            display: none;
          }

          // 兼容低版本浏览器
          > td[colspan] {
            position: relative;
            z-index: 100;
            padding: 0;

            > .@{table-prefix-cls}-expanded-row-fixed {
              position: sticky;
              left: 0px;
              overflow: hidden;
              padding: 0px 16px;
            }
          }
        }
      }
    }

    .@{table-prefix-cls}-fixed-left table,  .@{table-prefix-cls}-fixed-right table {
      width: fit-content;

      tr.@{table-prefix-cls}-expanded-row.@{table-prefix-cls}-expanded-row-level-1 {
        > td {
          position: relative;
          z-index: -1;
        }
      }
    }
   
  }
}