Skip to content

Instantly share code, notes, and snippets.

@DveMac

DveMac/gist:2575308

Created May 2, 2012 08:58
Show Gist options
  • Save DveMac/2575308 to your computer and use it in GitHub Desktop.
Save DveMac/2575308 to your computer and use it in GitHub Desktop.
Download ZIP
Chrome table-layout rendering
Raw
gistfile1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}
.grid table {
table-layout:fixed;
}
.grid-row td {
border:1px solid;
}
</style>
</head>
<body>
<div class="grid" hidefocus="true">
<table border="0" cellspacing="0" cellpadding="0" style="width: 1059px;">
<thead>
<tr class="grid-row">
<td style="width: 25px; display: none;">Col 1</td>
<td style="width: 59px;">Col 2</td>
<td style="width: 220px;">Col 3</td>
<td style="width: 220px;">Col 4</td>
<td style="width: 180px;">Col 5</td>
<td style="width: 150px;">Col 6</td>
<td style="width: 59px; display: none;">Col 7</td>
<td style="width: 59px;">Col 7</td>
<td style="width: 59px;">Col 8</td>
<td style="width: 89px;">Col 9</td>
<td style="width: 89px; display: none;">Col 10</td>
<td style="width: 89px; display: none;">Col 11</td>
<td style="width: 89px; display: none;">Col 12</td>
<td style="width: 23px;"></td>
</tr>
</thead>
</table>
</div>
<div class="grid" hidefocus="true" style="width: 1082px; height:">
<table border="0" cellspacing="0" cellpadding="0" style="width: 1059px;">
<thead>
<tr class="grid-row">
<td style="width: 50px; display: none;">Col 1</td>
<td style="width: 50px;">Col 2</td>
<td style="width: 50px;">Col 3</td>
<td style="width: 50px;">Col 4</td>
<td style="width: 50px;">Col 5</td>
<td style="width: 50px;">Col 6</td>
<td style="width: 50px; display: none;">Col 7</td>
<td style="width: 50px;">Col 7</td>
<td style="width: 50px;">Col 8</td>
<td style="width: 50px;">Col 9</td>
<td style="width: 50px; display: none;">Col 10</td>
<td style="width: 50px; display: none;">Col 11</td>
<td style="width: 50px; display: none;">Col 12</td>
<td style="width: 50px;"></td>
</tr>
</thead>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment