col-definite-max-size-001.html (4013B)
1 <!doctype html> 2 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> 3 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#missing-cells-fixup"> 4 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#total-horizontal-border-spacing"> 5 <link rel="help" href="https://drafts.csswg.org/css-tables-3/#outer-max-content"> 6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1692607"> 7 <link rel="match" href="col-definite-max-size-001-ref.html"> 8 9 <table border="1" cellspacing="10"> 10 <colgroup> 11 <col style="max-width:0; width:100px"> 12 <col style="max-width:0; width:100px"> 13 <col style="max-width:0; width:100px"> 14 <col style="max-width:0; width:100px"> 15 </colgroup> 16 <thead> 17 <tr> 18 <td>1</td> 19 <td>2</td> 20 </tr> 21 </thead> 22 </table> 23 24 <table border="1" cellspacing="10"> 25 <colgroup> 26 <col style="max-width:0; min-width:100px"> 27 <col style="max-width:0; min-width:100px"> 28 <col style="max-width:0; min-width:100px"> 29 <col style="max-width:0; min-width:100px"> 30 </colgroup> 31 <thead> 32 <tr> 33 <td>1</td> 34 <td>2</td> 35 </tr> 36 </thead> 37 </table> 38 39 <table border="1" cellspacing="10"> 40 <colgroup> 41 <col style="max-width:10%; width:100px"> 42 <col style="max-width:10%; width:100px"> 43 <col style="max-width:10%; width:100px"> 44 <col style="max-width:10%; width:100px"> 45 </colgroup> 46 <thead> 47 <tr> 48 <td>1</td> 49 <td>2</td> 50 </tr> 51 </thead> 52 </table> 53 54 <table border="1" cellspacing="10"> 55 <colgroup> 56 <col style="max-width:calc(100px + 1%); width:100px"> 57 <col style="max-width:calc(100px + 1%); width:100px"> 58 <col style="max-width:calc(100px + 1%); width:100px"> 59 <col style="max-width:calc(100px + 1%); width:100px"> 60 </colgroup> 61 <thead> 62 <tr> 63 <td>1</td> 64 <td>2</td> 65 </tr> 66 </thead> 67 </table> 68 69 <table border="1" cellspacing="10"> 70 <colgroup> 71 <col style="max-width:0; width:calc(100px + 1%)"> 72 <col style="max-width:0; width:calc(100px + 1%)"> 73 <col style="max-width:0; width:calc(100px + 1%)"> 74 <col style="max-width:0; width:calc(100px + 1%)"> 75 </colgroup> 76 <thead> 77 <tr> 78 <td>1</td> 79 <td>2</td> 80 </tr> 81 </thead> 82 </table> 83 84 <table border="1" cellspacing="10"> 85 <colgroup> 86 <col style="max-width:0; width:50%"> 87 <col style="max-width:0; width:50%"> 88 <col style="max-width:0; width:50%"> 89 <col style="max-width:0; width:50%"> 90 </colgroup> 91 <thead> 92 <tr> 93 <td>1</td> 94 <td>2</td> 95 </tr> 96 </thead> 97 </table> 98 99 <table border="1" cellspacing="10"> 100 <colgroup> 101 <col> 102 <col> 103 <col style="max-width:0"> 104 <col style="max-width:0"> 105 </colgroup> 106 <thead> 107 <tr> 108 <td>1</td> 109 <td>2</td> 110 </tr> 111 </thead> 112 </table> 113 114 <table border="1" cellspacing="10"> 115 <colgroup> 116 <col style="max-width:40px; width:100px"> 117 <col style="max-width:40px; width:100px"> 118 <col style="max-width:40px; width:100px"> 119 <col style="max-width:40px; width:100px"> 120 </colgroup> 121 <thead> 122 <tr> 123 <td>1</td> 124 <td>2</td> 125 </tr> 126 </thead> 127 </table> 128 129 <table border="1" cellspacing="10"> 130 <colgroup> 131 <col style="max-width:40px; width:calc(100px + 1%)"> 132 <col style="max-width:40px; width:calc(100px + 1%)"> 133 <col style="max-width:40px; width:calc(100px + 1%)"> 134 <col style="max-width:40px; width:calc(100px + 1%)"> 135 </colgroup> 136 <thead> 137 <tr> 138 <td>1</td> 139 <td>2</td> 140 </tr> 141 </thead> 142 </table> 143 144 <table border="1" cellspacing="10"> 145 <colgroup> 146 <col style="max-width:40px; width:50%"> 147 <col style="max-width:40px; width:50%"> 148 <col style="max-width:40px; width:50%"> 149 <col style="max-width:40px; width:50%"> 150 </colgroup> 151 <thead> 152 <tr> 153 <td>1</td> 154 <td>2</td> 155 </tr> 156 </thead> 157 </table> 158 159 <table border="1" cellspacing="10"> 160 <colgroup> 161 <col> 162 <col> 163 <col style="max-width:40px"> 164 <col style="max-width:40px"> 165 </colgroup> 166 <thead> 167 <tr> 168 <td>1</td> 169 <td>2</td> 170 </tr> 171 </thead> 172 </table>