xtraGrid gridview冻结列

2024-08-24

扩展gridview轻松实现冻结行和列

在实际的项目中,由于项目的需要,数据量比较大,同时显示栏位也比较多,要做gridview里显示完整,并做到用户体验比较好,这就需要冻结表头和关键列.由于用到的地方比较多,我们可以护展一个gridview,使其简单设置就能达到目的. 下面是我写的一个扩展gridview的一个工程和简单例子.主要的设置属性是红色框框内的. 下面,我们再看一下前台的文件设置, 这里要注意删掉<DOCTYPE type> 这一行,否则不起作用. 运行得到以下结果.红色线是冻结分界线,对照以下两张图片,可以看到效果.

android手机旋转屏幕时让GridView的列数与列宽度自适应

无意中打开了一年前做过的一个android应用的代码,看到里面实现的一个小功能点(如题),现写篇文章做个笔记.当时面临的问题是,在旋转屏幕的时候需要让gridview的列数与宽度能自适应屏幕宽度,每个单元格之间还需要保留一定的间距.因为每款手机的屏幕宽度不都相同,我们在指定了单元格的宽度与间距之后,并不能确定每行中所能容纳的单元格数量,这个数量必须在运行时通过计算得出,同样,我们设置的单元格宽度和间距不能保证刚好容纳在屏幕宽度内,为了解决这个问题,设计了一个简单的算法,首先需要预先指定单元格的宽

Asp.net 设置GridView自适应列宽不变形

动态绑定的GridView由于列数不固定,而列又太多,这样设置GridView固定宽度就不能满足需求了.为此整理了两种方法来达到GridView自适应列宽不变形的效果. //在GridView的行数据绑定完的事件中设置 protected void gvObjectList_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow || e.Row.R

GridView模版列中设置

在GridView模版列中设置如下<asp:TemplateField HeaderText="删除"> <ItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" /> </ItemTemplate></asp:TemplateField><asp:TemplateField HeaderText

JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

前言:最近项目里面需要用到表格的冻结列功能,所谓“冻结列”,就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动.遗憾的是,bootstrap table里自带的fixed column功能有一点bug,于是和同事讨论该如何解决,于是就有了这篇文章. 一.起因回顾最近项目里面有一个表格需求,该表格列是动态产生的,而且列的数量操作一定值以后就会出现横向滚动条,滚动的时候需要前面几列固定.也就是所谓的excel的冻结列功能.该如何实现呢?不用多说,当然是查文档,于是找到了这篇http:/

怎么在Microsoft Project中冻结列

在用Project排项目计划的时候如果在Gantt图中列比较多,左右滚动的时候就会经想像如果能想Excel一样冻结某些列就方便多了,其实在Project中虽然没有冻结列的功能,但通过一些变通方法还是可以做到类似效果的. 方法是利用Project的表格总是冻结第一列的特性,将想要冻结的列变为第一列,以达到类似效果.具体操作见演示:

html table冻结列

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication4.WebForm1" %> <!DOCTYPE html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

如何在asp.net中获取GridView隐藏列的值？

在阅读本文之前,我获取gridview某行某列的值一般做法是这样的:row.Cells[3].Text.ToString().有点傻瓜呵呵在Asp.net 2.0中增加了一个新的数据绑定控件:GridView,其目的用来取代Asp.net1.x中的DataGrid控件.获取GridView中的某列值的方法为 protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e) { stri

鼠标指向GridView某列显示DIV浮动列表

需求: 当GRIDVIEW数据列过多,不方便全部显示在同一行或者一些子信息需要鼠标指向某关键列GRIDVIEW的时候显示其子信息. 设计:先把需要显示的浮动数据一次过抓取出来.而不是鼠标指向的时候才从数据库中取,否则鼠标指得太快以影响页面反应,降低用户体验. 效果如下图:为了方便理解这里只显示两列.而且大家可以根据实际需要进行相应的调弹出DIV的实际内容.(转载请注明出处) 当鼠标指向订单号的同时,弹出该订单号的其它信息.鼠标移走,则消失. 下面是相应的代码.代码很简单,但我相信很多用户有此需求

easy ui datagrid 设置冻结列

为了冻结列,您需要定义 frozenColumns 属性.frozenColumn 属性和 columns 属性一样. $('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:500, height:250, url:'data/datagrid_data.json', frozenColumns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'pro

解决无法获取 GridView 隐藏列值问题

今天遇到了一个要获取GridView隐藏列值的问题,试了好几种方法,要么获取不到,要么获取到了类列的值也隐藏了,但在样式中这一列会多出一块,,但最后找到了一个功能实现而且实现了列完美隐藏的方法和大家分享一下: aspx页面: 加上样式: <style type="text/css"> .hidden { display: none; } </style> 需要隐藏列代码:(用了上面的hidden样式) <asp:BoundField DataField=&

Asp.net简单代码设置GridView自适应列宽不变形

动态绑定的GridView由于列数不固定,而列又太多,是要自定设置gridView的宽度 //在GridView的行数据绑定完的事件中设置 protected void gvObjectList_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow || e.Row.RowType == DataControlRowType.Header) { /

JS组件系列——自己动手扩展BootstrapTable的冻结列功能：彻底解决高度问题

前言:一年前,博主分享过一篇关于bootstrapTable组件冻结列的解决方案 JS组件系列——Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案 ,通过该篇,确实可以实现bootstrapTable的冻结列效果,并且可以兼容ie浏览器.这一年的时间,不断有园友以及群里面的朋友问过我关于固定高度之后,冻结列页面效果不能对齐的问题,奈何博主太忙,一直没有抽空将这个问题优化.最近项目里面也不断有人提过这个bug,这下子不能再推了,必须要直面“惨淡的bug”,于是昨天利用一天的

EasyUI 冻结列

一.如果是js绘制的,设置frozenColumn属性就可以,frozenColumn 属性和 columns 属性都是设置列,frozenColumn是设置冻结列 $('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:, height:, url:'data/datagrid_data.json', frozenColumns:[[ {field:}, {field:}, ]], columns:[[ {f

雷林鹏分享：jQuery EasyUI 数据网格 - 设置冻结列

jQuery EasyUI 数据网格 - 设置冻结列本实例演示如何冻结一些列,当用户在网格上移动水平滚动条时,冻结列不能滚动到视图的外部. 为了冻结列,您需要定义 frozenColumns 属性.frozenColumn 属性和 columns 属性一样. $('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:500, height:250, url:'data/datagrid_data.json',

EasyUI创建DataGrid及冻结列的两种方式

第一种方式:通过HTML标签创建数据表格控件 <table class="easyui-datagrid" title="基本数据表格" style="width: 700px; height: 250px" data-options="singleSelect:true,collapsible:true,url:'${pageContext.request.contextPath}/datagridData.do'&quo

jqgrid 设置冻结列

有时,jqgrid表格的列非常多,而表格的宽度值是固定的,我们需要在表格底部出现滚动条,并且固定前面几个列作为数据参照项,如何实现? 需要用的jqgrid冻结列,步骤如下: 1)设置需要冻结的列属性,frozen: ture //ture:启用冻结 2)将设置了冻结的列放置在字段集合的前面部分(一定注意) 3)设置两个属性:autoScroll: false,shrinkToFit: false //当autoScroll和shrinkToFit均为false时,会出现行滚动条 4

css冻结列的效果

<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>css冻结列的效果</title><!-- 1.div里面放table或者其它容器,当子容器的宽度大于父容器时,父容器就会出现滚动条.2.头部固定不动的列让它脱离文档流(position:fixed|absolute),然后给table一个margi

DataGridView使用技巧六：冻结列或行

一.冻结列 DataGridViewColumn.Frozen属性为true时,该列左侧的所有列被固定,横向滚动时固定列不随滚动条滚动而左右移动.这对于重要列固定很有用. 示例:通过程序固定左侧第二列 //固定第二列 ].Frozen = true; 2.通过设计界面固定列选择编辑列选择要冻结的列,将Frozen属性勾选二.冻结行 DataGridViewRow.Frozen属性为true时,该行上面的所有行被固定,纵向滚动时固定行不随滚动条滚动而上下移动.(冻结行只能通过代码实现) 示例

在DataGridView控件中实现冻结列分界线

我们在使用Office Excel的时候,有很多时候需要冻结行或者列.这时,Excel会在冻结的行列和非冻结的区域之间绘制上一条明显的黑线.如下图: (图1) WinForm下的DataGridView控件也能实现类似的冻结行或者列的功能(参见:http://msdn.microsoft.com/zh-cn/library/28e9w2e1(VS.85).aspx) ,但是呢,DataGridView控件默认不会在冻结列或者行的分界处绘制一个明显的分界线,这样的话,最终用户很难注意到当前有列或者

jqGrid冻结列

jqgrid冻结列冻结列:就是横向移动表格时,让某一列保持不动做法: 1.colModel的行要加上属性: frozen:true.注意:冻结列必须从第一列开始,包括隐藏列 2.加载jqgrid后需要再加上这句:$("#jq_table") .jqGrid('setFrozenColumns') 3.也可以加上shrinkToFit: false 属性 // ture: 按比例初始化列宽度 false: 列宽度使用colModel指定的宽度 ---这里设置为false是当数

xtraGrid gridview冻结列

热门专题