固定第一列和标题的表格，不使用position: sticky

要实现固定第一列和标题的表格，可以使用以下解决方法：

1. 使用CSS的display: grid属性和grid-template-columns属性来创建一个表格布局，将第一列和表格标题放在单独的网格区域中。

<div class="table-container">
  <div class="table-header">标题</div>
  <div class="table-column">第一列</div>
  <div class="table-cell">单元格</div>
  <div class="table-cell">单元格</div>
  <div class="table-cell">单元格</div>
</div>

2. 使用CSS的overflow: auto属性将表格容器设置为可滚动，并设置合适的高度。

.table-container {
  display: grid;
  grid-template-columns: min-content repeat(3, 1fr);
  overflow: auto;
  height: 300px;
}

3. 使用CSS的position: sticky属性将第一列和表格标题固定在容器中。

.table-column,
.table-header {
  position: sticky;
  left: 0;
  background-color: white;
}

4. 设置第一列和表格标题的样式。

.table-column {
  background-color: lightgray;
}

.table-header {
  background-color: lightblue;
  top: 0;
}

完整的代码示例如下：

<style>
  .table-container {
    display: grid;
    grid-template-columns: min-content repeat(3, 1fr);
    overflow: auto;
    height: 300px;
  }

  .table-column,
  .table-header {
    position: sticky;
    left: 0;
    background-color: white;
  }

  .table-column {
    background-color: lightgray;
  }

  .table-header {
    background-color: lightblue;
    top: 0;
  }
</style>

<div class="table-container">
  <div class="table-header">标题</div>
  <div class="table-column">第一列</div>
  <div class="table-cell">单元格</div>
  <div class="table-cell">单元格</div>
  <div class="table-cell">单元格</div>
</div>

通过这种方法，您可以实现一个固定第一列和标题的表格，而无需使用position: sticky属性。