Question

我有一个表格，我希望有第一列，如果可能的话，第一行也会冻结

所以我可以拥有一个非常大的数据集，并查看数据属于哪个

我尝试使用style =＆＃34; position：fixed＆＃34 ;,也是绝对的，没有一个可以工作。

所以dsr1，dsr2，dtr1等..可以滚动，fr1，frw2，fc1，fc2将保持固定。

-------------------------
fr1 | frw2 |frw3 |frw4 |
---------------------
fc1 | dsr1 |dsr2 |dsr3 |
---------------------
fc2 | dtr1 |dtr2 |dtr3 |

尝试，但没有效果：

-------------------------
fr1 style="position:fixed "| frw2 |frw3 |frw4 |
---------------------
fc1 | dsr1 |dsr2 |dsr3 |
---------------------
fc2 | dtr1 |dtr2 |dtr3 |

Answer 1

你可以试试这个，

＆＃13;

div {
  width: 300px;
  overflow-x: scroll;
  margin-left: 50px;
  overflow-y: visible;
  padding-bottom: 1px;
}
td {
  padding: 0 40px;
}

＆＃13;

<div>
  <table>
    <tr>
      <td style="position:absolute;width:50px; left:0;">fr1</td>
      <td>frw2</td>
      <td>frw3</td>
      <td>frw4</td>
    </tr>
    <tr>
      <td style="position:absolute;width:50px;left:0; ">fc1</td>
      <td>dsr1</td>
      <td>dsr2</td>
      <td>dsr3</td>
    </tr>
    <tr>
      <td style="position:absolute;width:50px;left:0; ">fc2</td>
      <td>dtr1</td>
      <td>dtr2</td>
      <td>dtr3</td>
    </tr>
  </table>
</div>

＆＃13;

Demo

使用CSS或Angularjs冻结的第一个表HTML列

1 个答案: