Заголовок таблицы и ячейка таблицы отображают разную ширину - PullRequest
0 голосов
/ 22 января 2019

Мне нужно разделить таблицу на заголовки и строки, чтобы иметь возможность управлять прокруткой.Но теперь ширина столбца для заголовков и ячеек, кажется, отличается.Я пытаюсь устранить все отступы и границы элемента span.В этом примере заголовок столбца отображается как 131px.В моем другом случае ширина ячейки составляет 129 пикселей (меньше определенной ширины 130 пикселей), и я не могу это выяснить.

<table style="border-collapse: collapse;">
  <thead>
  <tr>
    <th style="width: 130px; padding:0px; border:1px solid;">Column1</th>
  </tr>
  </thead>
</table>
<table formArrayName="scheduleDetail" style="border-collapse: collapse;">
  <tbody>
  <tr>
    <td style="width: 130px;  padding:0px; border:1px solid; box-sizing: border-box;">
      <span style="width: 130px;  padding:0px; border:0px;">
        <a href="javascript:" style="text-decoration: underline; color: blue">1111</a>
      </span>
    </td>
  </tr>
  </tbody>
</table>

1 Ответ

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

Похоже, ширина на интервале не применяется, если не используется с display: inline-block.Это решено.

...