DataGrid固定表头，实现滑动效果

找固定表头的功能找了半天，尝试过了但都不行，后来看到一个思路，说隐藏第一行表头，然后自己写固定位置的文本当表头，确实可行，就是调整位置有点麻烦……
1.DataGrid的属性里面加showheader="false"就是隐藏首行
2.表头直接写死位置，位置得自己慢慢试

<span class="x" style="position:absolute;left:290px;">A</span>
<span class="x" style="position:absolute;left:840px;">B</span>
<span class="x" style="position:absolute;left:1270px;">C</span>
<span class="x" style="position:absolute;left:1600px;">D</span>

3.DataGrid的外面加一个div，这样就能滑动了

 DIV.tableContainer { OVERFLOW-Y: auto; HEIGHT: 900px ;top:100px;}  样式加在head里，高度自行调整

   <div class="tableContainer">

其他一些美化的样式

.a{border-radius:4px;background-color:MediumSeaGreen;font-size:20px;}  这是button类
p{color:white;font-size:15px;font-weight:bold;background-color:DarkCyan;} 这是文本

DataGrid上次还漏了一个属性width=“90%”，调整宽度的，其他的属性见第一篇C#专栏

DataGrid固定表头，实现滑动效果相关推荐

[总结]DataGrid 固定表头实现（纵向和横向滚动条滚动，而Header不动）
1.用Css来定制DataGrid表头HeaderStyle的cssclass属性 .fixTitle { /*background: navy; color: white;*/ positio ...
背景固定，内容滑动效果 - 仿QQ下载首页
效果今天看了 IAM QQ 的首页感觉非常漂亮,所以模仿着去实现下效果. 其实最重要的一个属性就是background-attachment. 废话少说,贴图贴代码. 源码下载代码 <!DO ...
关于colgroup和col标签的介绍，使用其达到固定表头的效果
今天摸鱼的时候看阮神的博客,里面介绍了position的用法,最后一部分介绍了一个新的定位属性sticky,其中有一个固定表头的案例,我发现案例里面的固定表头只能用于那种占据整个页面的那种大表,但是我 ...
2022-06-20 工作记录--CSS-sticky实现导航栏、侧边栏固定，右侧展示内容顺畅滑动效果
CSS-sticky实现导航栏.侧边栏固定,右侧内容顺畅滑动效果不积跬步无以至千里~ 细节决定成败,加油
如何在 web 页面中实现类似 excel 固定表头 / 标题行的效果？
1. 如果没有报表工具或者使用的开源报表工具中没有固定表头功能时,可以使用代码开发方式实现,例如可以通过 jQuery 方式实现固定表头效果,实现思路如下: 用 div 替换 table,将要冻结的表 ...
php中表头不跟着滑动,JS实现table表格固定表头且表头随横向滚动而滚动
这篇文章主要介绍了JS实现table表格固定表头且表头可以随横向滚动而滚动,对js的朋友可以参考下本篇文章先看一张效果图思路: 1.头部用一个table并用一个p包裹着, 表格的具体内容用一个ta ...
php表滑动其它固定,table固定表头使表单横向滚动
这次给大家带来table固定表头使表单横向滚动,table固定表头使表单横向滚动的注意事项有哪些,下面就是实战案例,一起来看一下. 1.头部用一个table并用一个p包裹着, 表格的具体内容用一个ta ...
el table 固定表头和首行_vue表格实现固定表头首列
前言最近在做vue移动端项目,需要做一个可以固定表头首列的表格,而且由于一些原因不能使用任何UI插件,网上找了很久也没什么好方法,所以在解决了问题之后,写下了这篇文章供后来人参考,文章有什么错漏的问 ...
微信小程序 table表格固定表头和首列右侧表格可以左右滚动（多种表格演练）
最近在做公司的项目需要到表格展示数据,但是微信小程序是没有原生table标签的,于是就百度各种搜...发现结构有类似的就粘过来修改,要善于学习和借鉴别人的经验使其变成为自己的东西,学无止境~ 在这里做 ...

DataGrid固定表头，实现滑动效果

DataGrid固定表头，实现滑动效果

DataGrid固定表头，实现滑动效果相关推荐

最新文章

热门文章