<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script type="text/javascript" src="/Public/Js/jquery.min.js"></script>
</head>
<body>
<script>
$(document).ready(function() {
var table_data = "59,137,183,217,317,114,100";
if (table_data != ""){
$(".finder_table th").each(function(i){
var thw = table_data.split(',')[i]==0?200:table_data.split(',')[i];
$(this).css("width",thw+"px");
$(this).html(thw);
});
}
});
</script>
<style>
table{height: 600px;color: #006600;border:solid 3px #d01d33; }
th{border: 2px solid #d01d33;}
td{border: 2px solid #d0d0d0;}
</style>
<table class="finder_table">
<tbody>
<tr>
<th>1111</th>
<th>2222</th>
<th>3333</th>
<th>4444</th>
<th>5555</th>
<th>6666</th>
</tr>
<tr>
<td>td1</td>
<td>td2</td>
<td>td3</td>
<td>td4</td>
<td>td5</td>
<td>td6</td>
</tr>
</tbody>
</table>
</body>
</html>
