JQuery table改变列的宽度

最新推荐文章于 2024-03-15 09:35:51 发布

xmvzs

最新推荐文章于 2024-03-15 09:35:51 发布

阅读量1.1k

点赞数

分类专栏： JQuery 文章标签： jQuery JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/xmvzs/article/details/83908623

版权

JQuery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JQuery 使table的tr 变成可变宽窄的.

1.首先要引用两个js

2.在ready的时间调用movedTh()方法.这时table的id要一致

3. table 的td 要换成th

4.table 还有两个属性 table-layout:fixed

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table改变列宽---实例</title>
<SCRIPT src="jquery-1.4.1.min.js" mce_src="jquery-1.4.1.min.js" type="text/javascript"></SCRIPT>
<SCRIPT src="jtablemovesize.js" type="text/javascript"></SCRIPT>
</head>
<script language="javascript" type="text/javascript">
/*
 * 2、设置每列的列头为可拖动大小
 */
$().ready(function(){
	$("#bodymaintable").movedTh();
})
</script>
<body>
<div>
<table id="bodymaintable" cellPadding=3 STYLE="table-layout:fixed;" mce_STYLE="table-layout:fixed;" border=1>
  <tr>
    <th width="48">编号</th>
    <th width="114">名称</th>
    <th width="106">规格</th>
  </tr>
  <tr>
    <th>123456</th>
    <th>贴片电阻</th>
    <th>1K±5%</th>
  </tr>
  <tr>
    <th>789123</th>
    <th>贴片电容</th>
    <th> 0.1uF/25V </th>
  </tr
</table>
</div>
</body>
</html>