wpt / css / css-tables / col-definite-max-size-001.html

Status: PASS | Duration: 9ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/css-tables/col-definite-max-size-001.html

<!doctype html>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#missing-cells-fixup">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#total-horizontal-border-spacing">
<link rel="help" href="https://drafts.csswg.org/css-tables-3/#outer-max-content">
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692607">
<link rel="match" href="col-definite-max-size-001-ref.html">

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:0; width:100px">
    <col style="max-width:0; width:100px">
    <col style="max-width:0; width:100px">
    <col style="max-width:0; width:100px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:0; min-width:100px">
    <col style="max-width:0; min-width:100px">
    <col style="max-width:0; min-width:100px">
    <col style="max-width:0; min-width:100px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:10%; width:100px">
    <col style="max-width:10%; width:100px">
    <col style="max-width:10%; width:100px">
    <col style="max-width:10%; width:100px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:calc(100px + 1%); width:100px">
    <col style="max-width:calc(100px + 1%); width:100px">
    <col style="max-width:calc(100px + 1%); width:100px">
    <col style="max-width:calc(100px + 1%); width:100px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:0; width:calc(100px + 1%)">
    <col style="max-width:0; width:calc(100px + 1%)">
    <col style="max-width:0; width:calc(100px + 1%)">
    <col style="max-width:0; width:calc(100px + 1%)">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:0; width:50%">
    <col style="max-width:0; width:50%">
    <col style="max-width:0; width:50%">
    <col style="max-width:0; width:50%">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col>
    <col>
    <col style="max-width:0">
    <col style="max-width:0">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:40px; width:100px">
    <col style="max-width:40px; width:100px">
    <col style="max-width:40px; width:100px">
    <col style="max-width:40px; width:100px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:40px; width:calc(100px + 1%)">
    <col style="max-width:40px; width:calc(100px + 1%)">
    <col style="max-width:40px; width:calc(100px + 1%)">
    <col style="max-width:40px; width:calc(100px + 1%)">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="max-width:40px; width:50%">
    <col style="max-width:40px; width:50%">
    <col style="max-width:40px; width:50%">
    <col style="max-width:40px; width:50%">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col>
    <col>
    <col style="max-width:40px">
    <col style="max-width:40px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

/css/css-tables/col-definite-max-size-001-ref.html

<!doctype html>
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">

<table border="1" cellspacing="10">
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="width:100px">
    <col style="width:100px">
    <col style="width:100px">
    <col style="width:100px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
      <td style="border-color:white; border-style:solid"></td>
      <td style="border-color:white; border-style:solid"></td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="width:100px">
    <col style="width:100px">
    <col style="width:100px">
    <col style="width:100px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
      <td style="border-color:white; border-style:solid"></td>
      <td style="border-color:white; border-style:solid"></td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="width:100px">
    <col style="width:100px">
    <col style="width:100px">
    <col style="width:100px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
      <td style="border-color:white; border-style:solid"></td>
      <td style="border-color:white; border-style:solid"></td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <colgroup>
    <col style="width:40px">
    <col style="width:40px">
    <col style="width:40px">
    <col style="width:40px">
  </colgroup>
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>

<table border="1" cellspacing="10">
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
    </tr>
  </thead>
</table>