zoukankan      html  css  js  c++  java
  • jquery可拖动表格调整列格子的宽度大小(转)

    <!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=utf-8" />

    <title>jquery可拖动表格调整列格子的宽度大小</title>

    </head>

    <body>

    <style type="text/css">

    table{border-collapse:collapse;border-spacing:0;}

    .listext th{background:#eee;color:#3366cc;}

    .listext th,.listext td{border:solid 1px #ddd;text-align:left;padding:10px;font-size:14px;}

    .rc-handle-container{position:relative;}

    .rc-handle{position:absolute;7px;cursor:ew-resize;*cursor:pointer;margin-left:-3px;}

    </style>

    <table width="100%" class="listext">

      <tr>

        <th>www</th>

        <th>daixiaorui</th>

        <th>com</th>

      </tr>

      <tr>

        <td>欢迎</td>

        <td>您的</td>

        <td>访问</td>

      </tr>

      <tr>

        <td>欢迎</td>

        <td>您的</td>

        <td>访问</td>

      </tr>

    </table>

     

    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript" src="jquery.resizableColumns.js"></script>

    <script type="text/javascript">

    $(function(){

    $("table").resizableColumns({});

    });

    </script>

     

    </body>

    </html>

    文章出自:http://www.daixiaorui.com/read/98.html 本站所有文章,除注明出处外皆为原创,转载请注明本文地址,版权所有。

  • 相关阅读:
    AGC023C Painting Machines
    LG3834 可持久化线段树1
    又是一天
    ARC103F Distance Sums
    CF1053E Euler tour
    UOJ22 外星人
    洛谷4248 AHOI2013差异 (后缀数组SA+单调栈)
    洛谷2408不同字串个数/SPOJ 694/705 (后缀数组SA)
    CF49E Common ancestor(dp+dp+dp)
    洛谷4051 JSOI2007 字符加密(SA)
  • 原文地址:https://www.cnblogs.com/hgj123/p/3822155.html
Copyright © 2011-2022 走看看