首页>>Jquery文字>>简单的响应式table表格，根据浏览器自动布局(2020-01-02)

简单的响应式table表格，根据浏览器自动布局

简单的响应式table表格，根据浏览器自动布局
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

XML/HTML Code
  1. <table>  
  2.               
  3.             <thead>  
  4.                 <tr>  
  5.                     <th>姓名</th>  
  6.                     <th>  
  7.                         职务  
  8.                     </th>  
  9.                     <th>办公室地址</th>  
  10.                     <th>年龄</th>  
  11.                     <th>入职时间</th>  
  12.                     <th>年薪</th>  
  13.                 </tr>  
  14.             </thead>  
  15.             <tbody>  
  16.                 <tr>  
  17.                     <td>周一</td>  
  18.                     <td>董事长</td>  
  19.                     <td>上海</td>  
  20.                     <td>33</td>  
  21.                     <td>2008/11/28</td>  
  22.                     <td>1627000</td>  
  23.                 </tr>  
  24.                 <tr>  
  25.                     <td>吴二</td>  
  26.                     <td>总经理</td>  
  27.                     <td>深圳</td>  
  28.                     <td>47</td>  
  29.                     <td>2009/10/09</td>  
  30.                     <td>1200000</td>  
  31.                 </tr>  
  32.                 <tr>  
  33.                     <td>郑三</td>  
  34.                     <td>财务总监</td>  
  35.                     <td>深圳</td>  
  36.                     <td>38</td>  
  37.                     <td>2009/01/12</td>  
  38.                     <td>1000000</td>  
  39.                 </tr>  
  40.                 <tr>  
  41.                     <td>王四</td>  
  42.                     <td>技术总监</td>  
  43.                     <td>上海</td>  
  44.                     <td>41</td>  
  45.                     <td>2012/10/13</td>  
  46.                     <td>850000</td>  
  47.                 </tr>  
  48.                 <tr>  
  49.                     <td>刘</td>  
  50.                     <td>销售总监</td>  
  51.                     <td>深圳</td>  
  52.                     <td>38</td>  
  53.                     <td>2011/06/07</td>  
  54.                     <td>900000</td>  
  55.                 </tr>  
  56.                   
  57.             </tbody>  
  58.         </table>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_832.html