表格拖动的问题

请教一下 帮我把那个表格改成能够拖动的 而且要求当拖动到表格不能单行显示所有字体的时候 将字体隐藏一部分  谢谢各位大大了 希望能给出完整的代码
<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档 </title> 
<link href="../../css/部件.css" rel="stylesheet" type="text/css" /> 
<style> 
.STYLE1{ 
line-height: 30px; 
} 
.STYLE2{ color:#999900; 
font-size:16px;} </style> 
</head> <body> 
  <div id="product" style="margin-top:5px; margin-left:5px"> 
  <p> <span class="STYLE2">产品名称： </span> <span class="STYLE1">S8-180 八挡同步器型变速器 </span> </p> 
  
  <p> <span class="STYLE2">产品简介： </span> <span class="STYLE1">S8-180同步器型变速器具有超大扭矩：匹配268kW(360马力)以上或最大输出扭矩1500～1800N.m的发动机；适用于11～13.7m及以上大型公路客车；高承载力：吸收德国ZF公司先进技术，打造变速器高承载能力，高可靠性，低噪声，使用寿命长；节能环保：国内首创8挡客车专用变速器；变速器挡间级差小，整车燃油经济性高；操纵轻便：采用当今世界先进同步器，真实体验操纵换挡“只需一脚”离合器。 </span> </p> 
  <p> <span class="STYLE2">适用范围： </span> <span class="STYLE1">总长度11～13.7米、发动机功率215～290kW的公路客车或底盘。 </span> </p> 
</div> 
<div class="config"> 
<p align="center"> <strong>产品技术参数 </strong> </p> 
  <center> 
  <table width="998px" border="1" cellspacing="0" cellpadding="0"  bordercolor="#000000" style="margin-left:5px"> 
  <tr> 
    <td width="100px" colspan="2">输入功率 </td> 
    <td colspan="9">235～290 kW </td> 
  </tr> 
  <tr> 
    <td colspan="2">输入扭矩 </td> 
    <td colspan="9">1400～1800 N.m </td> 
  </tr> 
  <tr> 
    <td colspan="2">额定转速 </td> 
    <td colspan="9">2600 r/min </td> 
  </tr> 
  <tr> 
    <td colspan="2">总质量 </td> 
    <td colspan="9">225 kg </td> 
  </tr> 
  <tr> 
    <td rowspan="3"> <p>挡位及 </p> 
      <p>传动比 </p> </td> 
    <td>挡位 </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
  </tr> 
  <tr> 
    <td>直接挡 </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
  </tr> 
  <tr> 
    <td>超速挡 </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
    <td>&nbsp; </td> 
  </tr> 
  <tr> 
    <td colspan="2">里程表传动比 </td> 
    <td colspan="8">机械式1.545（可加二级传动装置） </td> 
    <td>电子式1:8或1:6 </td> 
  </tr> 
  <tr> 
    <td colspan="2">换挡方式 </td> 
    <td colspan="9">前进挡为锁环式惯性式同步器换挡，倒挡采用接合套换挡 </td> 
  </tr> 
  <tr> 
    <td colspan="2">操纵形式 </td> 
    <td colspan="9">旋转轴远程操纵或直接操纵 </td> 
  </tr> 
  <tr> 
    <td colspan="2">安装方式 </td> 
    <td colspan="9">左卧、右卧、立式，与发动直接或分开安装 </td> 
  </tr> 
  <tr> 
    <td colspan="2">安装长度 </td> 
    <td colspan="9">735mm（变速器壳体前端面至输出法兰接合面之间的距离） </td> 
  </tr> 
  <tr> 
    <td colspan="2">所配离合器壳 </td> 
    <td colspan="9">SAE1# </td> 
  </tr> 
  <tr> 
    <td colspan="2">干油箱加油量 </td> 
    <td colspan="9">卧式安装13升 </td> 
  </tr> 
  <tr> 
    <td colspan="2">可带缓行器 </td> 
    <td colspan="9">√ </td> 
  </tr> 
  <tr> 
    <td colspan="2">可带EPS </td> 
    <td colspan="9">√ </td> 
  </tr> 
  <tr> 
    <td colspan="2">&nbsp; </td> 
    <td colspan="9">&nbsp; </td> 
  </tr> 
  <tr> 
    <td colspan="2">&nbsp; </td> 
    <td colspan="9">&nbsp; </td> 
  </tr> 
</table> 
</center> 
</div> 
</body> 
</html>