table{
border:1px solid rgb(139,181,130);
font-size:14px;
table-layout:fixed;
empty-cells:show;
border-collapse: collapse;
margin:3px ;
}
*{
word-wrap:break-word;
}
table.t1{
border:1px solid #cad9ea;
color:#666;
}
/* */
table.t1 td,table.t1 th{
border:1px solid #cad9ea;
padding:0;
text-align:center;
white-space:nowrap;
text-overflow:ellipsis;
word-break:normal;
overflow:hidden;
}
<table border="1" width="100%" class="t1">
<tr>
<th width="3%">id</th>
<th width="10%"> </th>
<th width="5%"> </th>
<th width="7%"> </th>
<th width="8%"> </th>
<th width="8%"> </th>
<th width="8%">Email</th>
<th width="8%"> </th>
<th width="13%"> </th>
<th width="13%"> </th>
</tr>
<tr valign="top">
<td title="">${agent.id }</td>
<td title="">${agent.companyName }</td>
<td title="">${agent.connectPerson}</td>
<td title="">${agent.phone }</td>
<td title="<fmt:formatDate value="${agent.joinDate}" pattern="yyyy-MM-dd HH:mm:ss"/>" >
<fmt:formatDate value="${agent.joinDate}" pattern="yyyy-MM-dd HH:mm:ss"/>
</td>
<td title="">${agent.address }</td>
<td title="" onclick=""></td>
<td title="" onclick=""></td>
<td title="" onclick=""></td>
<td title="" onclick=""></td>
</tr>
</table>
<div id="floatBoxBg" style="background-color:black;position:absolute;top:0px;left:0px;display:none;filter:alpha(opacity=20);opacity:0.2;;width:100%;z-index:99"></div>