`

表格宽度设置为“100%”时 获取表格的宽度

阅读更多

 

 

<!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>表格设置为“100%”时获取表格的</title>
</head>

<script LANGUAGE="JavaScript">
function getWidth()
{ 
   var tbl=event.srcElement;   //获取表格对象
   tbl.innerText=tbl.offsetWidth+'px'; //返回表格对象的实际宽度
}
</script>
 
<body>
<table width="100%"  height="100" border="1" cellpadding="0" cellspacing="0" >
  <tr>
    <td id="tbl1" onMouseOver="getWidth()">光标移过来</td>
    <td id="tbl2" >表格设置为“100%”时获取表格的宽度</td>
  </tr>
</table>
</html>
分享到:
评论

相关推荐

    js 实现 表格设置为“100%”时获取表格的宽度

    js 实现 表格设置为“100%”时获取表格的宽度! 值得下载看看!资源免费,大家分享!!

    js拖动表格宽度

    由于不同的浏览器对某些API的支持程度不同,实现拖动表格宽度时可能需要做兼容性处理。例如: - **IE浏览器**:对于IE8及更早版本,使用`attachEvent`代替`addEventListener`,并注意IE的事件模型与W3C标准的不同。 ...

    数据表格JqGrid自适应列宽度

    1. **Grid宽度设置**:JqGrid允许设置全局网格宽度(例如,`width`属性),这可以是固定的像素值,也可以是百分比值。百分比值有助于实现自适应,因为它是相对于其容器的宽度。 2. **列模型配置**:每个列在JqGrid...

    ListView 表格动态设置控件宽度 代码法

    本教程将详细介绍如何通过代码来实现ListView表格动态设置控件宽度。 首先,我们需要理解ListView的基本结构。ListView是由多个ListView项(ListView Item)组成的,每个项通常对应一个View或者一个自定义的...

    jQuery+js 实现Table表格可任意拖动调整列宽度大小 适用于列表页等表头拖动宽度设置

    // 获取当前列的宽度和原始宽度 columnWidth = $(this).width(); originalWidth = columnWidth; }); // 监听鼠标移动事件 $(document).mousemove(function(e) { if ($('.draggable.active').length &gt; 0) { ...

    易语言快速设置高级表格列宽

    5. **固定列宽**:如果需要某些列保持固定宽度,可以在设置列宽时特别处理。例如,第一列始终保持100像素,其余列等分剩余空间: ```易语言 .对于 i 从 0 到 表格1.获取列数 - 1 .如果 i = 0 表格1.设置列宽 (i,...

    java设置表格的高度宽度.doc

    Java 设置表格的高度和宽度 在 Java 中,使用 JTable 控件来显示和编辑二维单元表。JTable 提供了许多工具来自定义其呈现和...然后,它将设置表格的高度为 30 像素,宽度为 100 像素,并将表头的高度设置为 30 像素。

    spreadjs_获取列头和列单元格宽度的最大值-demo.zip

    标题“spreadjs_获取列头和列单元格宽度的最大值-demo.zip”暗示了这是一个使用SpreadJS库的示例,该库是用于创建电子表格应用程序的JavaScript库。这个演示可能展示了如何在SpreadJS中获取和处理列头(column ...

    JS手动改变table的宽度

    2. **设置表格宽度**: 获取到表格对象后,我们可以通过`style.width`属性来设置表格的宽度。这个属性接受一个带有单位的字符串,如像素(px)、百分比(%)等。 ```javascript table.style.width = '500px'; // ...

    Jquery图片自适应宽度和表格List自适应屏幕宽度!

    `adjustImageWidth`遍历每个图片元素,将其宽度设置为父容器的宽度,从而实现自适应。 接下来,我们讨论如何实现表格List(可能是指HTML的`&lt;ul&gt;`或`&lt;ol&gt;`元素)的自适应屏幕宽度。这通常通过CSS实现,但也可以结合...

    QT - QTableView表格视图的列宽设置 - 王严の博客 - CSDN博客1

    另外,设置为`ResizeToContents`后,用户无法手动调整列宽,表头的拉伸操作将失效。 方法二:使用`setColumnWidth()`方法 如果你需要对每个列的宽度进行精确控制,可以使用`setColumnWidth()`方法。这个方法允许你...

    任意改变table表格td的宽度 支持表格TD拖拽

    5. **边界处理**:为了保持表格的完整性,可能还需要处理相邻td的宽度,避免一个td变宽时挤压或覆盖其他td。 6. **结束拖拽**:当`mouseup`事件触发时,停止对`mousemove`事件的监听,拖拽操作结束。 7. **动画...

    LabVIEW表格列宽自动调节.rar

    - 使用`Get Table Column Properties`函数获取表格的列属性,包括当前的列宽。 - 使用`Set Table Column Properties`函数设置新的列宽。根据数据长度,计算合适的宽度并设置。 - 对每个列重复此过程,确保所有...

    根据文本内容动态获取文本宽度

    - 将`UILabel`的行数设置为0,表示自动换行,这一步对于正确计算多行文本的宽度至关重要。 3. **调用sizeToFit**:调用`UILabel`的`sizeToFit`方法,这会使得`UILabel`根据当前设置的文本和字体自动调整其大小以...

    Ext Grid表格的自动宽度及高度的实现

    在探讨“Ext Grid表格的自动宽度及高度的实现”这一主题时,我们深入解析如何在Ext JS框架下,利用其强大的Grid组件自适应容器尺寸,实现表格宽度与高度的自动调整。这一技术对于构建响应式、用户友好的界面至关重要...

    保持固定表头和表体宽度一致,dom中js的妙用.docx

    总的来说,尽管DOM内嵌JavaScript在某些情况下可能被视为不推荐的实践,但在处理特定问题如本例中的表格宽度同步时,它仍能提供有效且灵活的解决方案。通过结合前端框架(如Thymeleaf)和JavaScript,我们可以创建出...

    easyui datagrid标题列宽度自适应

    4. **列属性设置**:在定义datagrid的列时,可以设置`width`属性为`auto`,让其自动根据内容调整宽度。 5. **自定义插件**:如果EasyUI默认的自适应功能不能满足需求,还可以编写自定义插件来实现更复杂的行为,...

    jqGrid表格属性大全

    * width:设置或获取表格宽度 Table对象也具有以下方法: * createCaption():为表格创建一个空的标题元素 * createTFoot():为表格创建一个空的tFoot元素 * createTHead():为表格创建一个空的tHead元素 * ...

    可以调整列宽的表格

    // 获取表格元素 var newWidth = ...; // 根据colIndex和delta计算新的宽度 table.children[0].children[colIndex].style.width = newWidth + 'px'; // 更新列宽 } ``` 此外,`_em.js`文件可能是辅助脚本,例如...

    SWT表格管理类

    SWT表格管理类是Java编程中的一个重要组成部分,主要用于创建和管理具有高级特性的用户界面,如表头排序、隔行颜色以及表格宽度自适应。在本文中,我们将深入探讨SWT(Standard Widget Toolkit)框架下表格管理类的...

Global site tag (gtag.js) - Google Analytics