Могу ли я сгруппировать весь набор столбцов вместе в таблицу и использовать липкие? - PullRequest
Новая
       20

Могу ли я сгруппировать весь набор столбцов вместе в таблицу и использовать липкие?

0 голосов
/ 18 января 2019

У меня есть таблица, где я хочу заморозить первые три столбца. Он работает, устанавливая sticky для столбцов, но для этого требуется, чтобы я также установил фиксированную ширину / левые для них, чего я хочу избежать. Есть ли способ сгруппировать первые три столбца и установить вместо них только липкую группу?

Это obvs не правильно, но, возможно, даст вам представление о том, что я ищу: 

body {
  font-family: 'Lucida Grande';
}

div {
  width: 500px;
  height: 200px;
  overflow: scroll;
}

td,
th {
  padding: 2px 5px;
  white-space: nowrap;
}

colgroup {
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  background: #569CA8;
  color: white;
  z-index: 1;
}
<div>
  <table cellspacing="0">
    <tbody>
      <tr>
        <colgroup>
          <td>Sticky 1</td>
          <td>Sticky 2</td>
          <td>Sticky 3</td>
        </colgroup>
        <td>Column 4</td>
        <td>Column 5</td>
        <td>Column 7</td>
        <td>Column 8</td>
        <td>Column 9</td>
        <td>Column 10</td>
      </tr>
      <tr>
        <colgroup>
          <td>Sticky 1</td>
          <td>Sticky 2</td>
          <td>Sticky 3</td>
        </colgroup>
        <td>Column 4</td>
        <td>Column 5</td>
        <td>Column 7</td>
        <td>Column 8</td>
        <td>Column 9</td>
        <td>Column 10</td>
      </tr>
    </tbody>
  </table>
</div>
...