Как зафиксировать колонку в таблице с помощью bootstrap?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

<table class="table">
  <thead>
    <tr>
      <th scope="col">Заголовок 1</th>
      <th scope="col" class="sticky-top">Заголовок 2</th>
      <th scope="col">Заголовок 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td class="sticky-top">Ячейка 1</td>
      <td>Ячейка 2</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Ячейка 3</td>
      <td>Ячейка 4</td>
    </tr>
  </tbody>
</table>

1
2
3
4
5

.sticky-top {
  position: sticky;
  top: 0;
  background-color: white;
}