>>Obviously your percentages don't add up......
>
>Hi Viv,
>
>I was actually thinking of trying to use width in % explicitly. Do you think it will be a good thing to try?
>
>Thanks again for your help.
If the bootstrap 12 column layout can give you acceptable percentages you might as well use the 'col-xx-x' classes - easier to understand.
Also you only need to set those classes on the td values for one row. e.g:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<link href="Content/bootstrap.css" rel="stylesheet" />
<div>
<div class="col-md-2">
</div>
<div class="col-md-6">
<table class="table table-bordered table-striped">
<caption>Test</caption>
<thead>
<tr>
<td class="col-md-2"> Column 1</td>
<td class="col-md-3">Column 3</td>
<td class="col-md-7">Column 3</td>
</tr>
</thead>
<tr>
<td>This is Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
<tr>
<td>This is Cell 1</td>
<td>Here is a very long cell indeed</td>
<td>Cell 3</td>
</tr>
<tfoot><tr><td colspan="3">This is at the bottom</td></tr></tfoot>
</table>
</div>
</div>
</body>
</html>In your case you seem to be generating the header from a lookup. In that case you could probably define the col-xx-x classes there ?
