`
Java_Fan
  • 浏览: 81735 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

jQuery设置指定表格每行第一列的宽度

 
阅读更多
/*

			 *设置每行第一列的宽度
			 */
			//方式一:遍历表格每一行,选择器第一列设置样式

			$("#Table2 tr").each(function(){ 
				$(this).children("td:first").attr("style","width:80px;"); 
			})
			//方式二:原理同上,方法稍有不同而已
			$("#Table2 tr").each(function(){
			    var $thisTr = $(this);
			    var $thisFirstTd = $("td:eq(0)",$thisTr );
			    $thisFirstTd.attr('style','width:80px;');
			});


通过上面两种方式对表格的操作很省事,希望可以触类旁通!

分享到:
评论

相关推荐

    jquery锁定行锁定列

    冻结行通常指的是在表格中将表头(即第一行)固定不动,即使用户滚动页面,表头依然显示在顶部,方便用户参照。而锁定列则是在列较多时,将重要的列(如分类或标识列)固定,使其不会随着横向滚动而消失。 在支持IE...

    HTML表格固定第一行第一列效果

    为了实现固定第一列,我们需要创建一个新的`<div>`,并将其设置为绝对定位,宽度等于第一列的宽度,放置在表格左侧。这样,当表格滚动时,这个`<div>`会始终保持在原位。同时,我们需要调整`<thead>`中的`<th>`的...

    jquery合并表格行记录

    3. **比较单元格内容**:在遍历过程中,比较当前行与前一行(或后一行)的指定单元格(例如,第一列)的内容,如果相同,则进行合并操作。 4. **合并单元格**:这通常涉及到修改DOM结构,例如,将当前行的某些...

    Jquery Table 固定行和列

    例如,表头(thead)和第一列(th:first-child)通常会被设置为`position: fixed`,并可能需要调整宽度和高度以适应视口。 `固定行列.html`是HTML文件,其中包含了表格结构。这个文件可能会包含一个`<table>`元素,...

    HTML页面table表格固定行和列

    同时,我们需要确保表头的高度与实际表格的第一行高度一致,以保持视觉一致性。例如: ```html .fixed-header { position: fixed; top: 0; width: 100%; } <!-- 表头内容 --> <!-- 表格主体内容 -...

    表格宽度拖动 jquery colResizable-1.3.min.js

    fixed: false, // 是否固定第一列的宽度 liveDrag: true, // 在拖动时实时显示效果 padding: 4, // 拖动时表格边框的内填充 disable: null, // 禁用指定列的拖动 onResize: function() { // 在列宽改变后执行...

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

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

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

    标题 "Jquery图片自适应宽度和表格List自适应屏幕宽度!" 涉及到的是网页前端开发中的响应式设计,特别是如何利用Jquery库来处理图片和表格在不同屏幕尺寸下的显示问题。响应式设计是现代网页开发的重要组成部分,它...

    javascript 拖动表格行和列

    在JavaScript编程中,拖动表格行和列...总的来说,实现JavaScript拖动表格行和列的功能需要理解DOM操作、事件处理、CSS定位以及可能的第三方库的运用。通过实践和调试,你可以创造出更加动态和交互丰富的Web表格应用。

    jQuery实现表格头和列固定插件RWD Table.zip

    "RWD Table"插件利用jQuery的强大功能,实现了在不同屏幕尺寸下,使表格的头部(thead)和左侧列(第一列)始终保持可见。这样,当用户滚动表格内容时,表头和列标题不会被滚动出去,提高了用户的阅读和交互体验。 ...

    移动端table固定表头与固定第一列

    首先,我们可以将整个表格设置为相对定位,然后为第一列的每个`<td>`或`<th>`添加绝对定位,并设置它们的宽度和左侧边距。例如: ```css table { position: relative; } .table-first-col th, .table-first-col ...

    js实现多级排序以及动态改变表格宽度和高度

    例如,如果第一列是数字类型,可以这样比较: ```javascript function compare(a, b) { if (a[0] [0]) return -1; if (a[0] > b[0]) return 1; return 0; } ``` 为了实现多级排序,我们需要维护一个排序规则...

    jquery表格标题固定特效代码.zip

    列标题通常位于`<thead>`内的`<tr>`(行)中,用`<th>`(表头单元格)表示,而行标题则通过在`<tbody>`中每一行的第一列使用`<th>`实现。 然后,引入jQuery库,可以通过CDN(内容分发网络)或者本地文件来引入。...

    jquery.dataTable.js 使用详解 一、基础配置

    { "searchable": false, "targets": [1] } // 阻止第1列的搜索 ] ``` ### 5. 分页 dataTables.js支持分页,你可以调整每页显示的记录数: ```javascript "lengthMenu": [10, 25, 50, -1], // 可选的每页记录数 ...

    实现boostrap表格td宽度可自由拖动。

    这将使表格的每一列都具有拖动边框,允许用户自由调整列宽。 4. **自定义设置**:根据需求,你可以对插件进行一些定制,比如设置列宽的最小值或最大值,或者添加回调函数来处理列宽改变的事件。查看`jquery....

    javascript表格常用操作 表头排序 表头固定 列隐藏 行隐藏

    本教程将重点讲解如何实现"javascript表格常用操作",包括"表头排序"、"表头固定"、"列隐藏"、"行隐藏"以及"悬浮变色"等功能。这些功能可以极大地提升用户体验,使得数据浏览和管理更加便捷。 首先,我们来谈谈...

    冻结(固定) 行或列 完整例子

    在网页表格中,冻结行通常指的是将表格的第一行(通常是表头)固定在屏幕顶部,即使用户向下滚动,表头也始终可见。这有助于用户在浏览大量数据时快速识别各列的含义。 接下来,我们讨论冻结列。与冻结行类似,冻结...

    js实现表格相同数据合并

    4. **处理行和列的边界**:在合并过程中,需要注意第一列和最后一列的情况,因为它们没有相邻的单元格可以比较。对于第一列,我们可以直接处理,而对于最后一列,可能需要额外的逻辑来判断是否需要合并。 5. **优化...

    jquery flexigrid

    如`url`用于指定数据来源,`colModel`定义列的属性,包括列名、宽度、是否可排序等。 在实际应用中,Flexigrid通常与后端服务器端框架(如PHP、ASP.NET、Java等)配合使用,通过JSON或XML格式交换数据。服务器端...

Global site tag (gtag.js) - Google Analytics