windows的listview一样,而且不能把表头从表格里面独立出来

body {
background-color: #F0F0F0 ;
font: 11px "verdana","Arial";
width:90%;
margin-left:auto;
margin-right:auto;
}

.tScroll {
border: 1px #7494BF solid;
background-color: #ffffff;
overflow: scroll;
overflow-x:hidden;
height:100px;
cursor: default;
}

tr.tableHead {
position:relative;
background-color:#BFCEE7;
height: 16px;
text-align: center;
}

td {
font: 11px "Verdana", "Arial";
}

td.asBtn{
border: #7494BF solid;
border-width: 0px 1px 1px 0px;
}

table {
border:0px;
width:100%;
}

var c=0

heading1 heading2 heading3 heading4 heading5 heading6
cell1 cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell cell cell cell cell cell
cell n cell cell cell cell cell

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • android表格效果之ListView隔行变色实现代码

    首先继承SimpleAdapter 复制代码 代码如下: package meetweb.net.util; import java.util.List; import java.util.Map; import android.content.Context; import android.graphics.Color; import android.view.View; import android.view.ViewGroup; import android.widget.SimpleAd

  • Android中使用ListView绘制自定义表格技巧分享

    Android中使用ListView绘制自定义表格技巧分享

    先上一下可以实现的效果图  要实现的效果有几方面 1.列不固定:可以根据数据源的不同生成不同的列数 2.表格内容可以根据数据源的定义合并列 3.要填写的单元格可以选择自定义键盘还是系统键盘 奔着这三点,做了个简单的实现,把源码贴一下(因为该点是主界面中的一部分,不便于放整个Demo) 自定义适配器,CallBackInterface是自定义的回调接口,这里定义回调是因为数据输入时需要及时保存 复制代码 代码如下: public class SiteDetailViewAdapter extend

  • windows的listview一样,而且不能把表头从表格里面独立出来

    body { background-color: #F0F0F0 ; font: 11px "verdana","Arial"; width:90%; margin-left:auto; margin-right:auto; } .tScroll { border: 1px #7494BF solid; background-color: #ffffff; overflow: scroll; overflow-x:hidden; height:100px; curs

  • Android程序开发之ListView实现横向滚动(带表头与固定列)

    Android程序开发之ListView实现横向滚动(带表头与固定列)

    问题背景:在做图表展示的时候,ListView可以上下左右滑动,但最左边一列在向右滑动时,保持不变,表头在向下滑动时保持不变. 有用两个ListView实现的,但测试过,好像有些问题 这个例子是通过(ListView + HorizontalScrollView)实现的 效果图: Activity代码 /** * * 带滑动表头与固定列的ListView */ public class HListActivity extends Activity{ private ListView mListV

  • layui table动态表头 改变表格头部 重新加载表格的方法

    改变头部原理:删除原来表格, 重新建立DOM元素, 重新加载table,实现表头改变 明白了原理, 我相信大家都能写出来了, table.reload(ID, options)目前好像还不支持cons的基础函数变动,只能使用其他方式了,简单暴力,哈哈哈哈哈哈哈哈嗝!! 下面是示例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</tit

  • vue element-ui里的table中表头与表格出现错位的解决

    vue element-ui里的table中表头与表格出现错位的解决

    目录 element-ui里的table中表头与表格出现错位 解决方案 element-ui表格样式错乱调整方式 1.线没有对齐 2.fixed固定导致的高度问题 3.去掉鼠标hover修改背景色事件 element-ui里的table中表头与表格出现错位 现象: 原因:电脑显示的缩放引起的,并且发现同为webkit内核的Google浏览器和360浏览器中360浏览器显示正常,而Google浏览器才会出现这个问题. 解决方案 找到项目入口文件(敲黑板重点!!),添加全局样式: .el-table

  • Windows窗口消息实例详解

    本文实例总结了Windows窗口消息.分享给大家供大家参考.具体如下: 复制代码 代码如下: //////////////////////////////////////////////////////////////////////////    #include "AFXPRIV.H"//消息值的定义来源    #include "Dde.h"//DDE消息值的定义来源    #include "CPL.H"//控制面板消息值的定义来源   

  • C#实现带进度条的ListView

    C#实现带进度条的ListView

    推荐阅读:ListView 百分比进度条(delphi版) 对于已经有的组件,可以直接添加进来,添加后要先运行一下,然后会在工具箱内找到相应控件. 1.首先编写组件,然后将组件添加到工具箱内 编写代码如下: public partial class ListViewEx : System.Windows.Forms.ListView { public ListViewEx() { InitializeComponent(); } //C# listview进度条显示 private Color

  • listview控件实现点击列表头进行listview排序示例分享

    复制代码 代码如下: using System;using System.Collections;using System.Windows.Forms;namespace Common{    /// <summary>    /// 对ListView点击列标题自动排序功能    /// </summary>    public class ListViewHelper    {        /// <summary>        /// 构造函数       

  • Android开发ListView中下拉刷新上拉加载及带列的横向滚动实现方法

    Android开发ListView中下拉刷新上拉加载及带列的横向滚动实现方法

    ListView 控件可使用四种不同视图显示项目.通过此控件,可将项目组成带有或不带有列标头的列,并显示伴随的图标和文本. 可使用 ListView 控件将称作 ListItem 对象的列表条目组织成下列四种不同的视图之一:1.大(标准)图标2.小图标3.列表4.报表 View 属性决定在列表中控件使用何种视图显示项目. 还可用 LabelWrap 属性控制列表中与项目关联的标签是否可换行显示.另外,还可管理列表中项目的排序方法和选定项目的外观. 相信有很人做的项目估计都用的到这个.就是List

  • 左侧是表头的JS表格控件(自写,网上没有的)

    左侧是表头的JS表格控件(自写,网上没有的)

    今天,项目中要用到该表格,找了一遍,发现没有合适的,于是自己动手丰衣足食.  最终呈现效果如上图, 1.左侧是表头的表格数据展现, 2.支持多行,多表头 3.固定表头的功能 4.能够支持标题 5.获取表格中的数据 6.支持IE/CHROME 7. 表格能够自适应根据内容行居中 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

  • bootstrap-table实现表头固定以及列固定的方法示例

    之前使用bootstrap写了一个报表表格,最近突然找到我,说让我看看能不能将表格的表头和第一列进行固定,这样的话方便查看数据,于是,我开始了苦逼的研究起来,毕竟我是个后端啊,对于前端的样式问题,特别是小功能,烦的一批 这里就记录下我的研究成果 一:引入js和css <!-- 引入jquery --> <script type="text/javascript" src="./js/jquery-3.3.1.min.js"></scri

随机推荐