固定表格第一行和第一列

yamanaka0001 2009-06-12 10:53:06
固定第一行和第一列
...全文
339 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
my145794 2009-06-12
  • 打赏
  • 举报
 回复
2楼正确
howardtft 2009-06-12
  • 打赏
  • 举报
 回复
把固定列数改一下就可以了
yamanaka0001 2009-06-12
  • 打赏
  • 举报
 回复 


<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    <title>固定表头和列</title>

    <style>

        .FixedTitleRow

        {

            position: relative;

            top: expression(this.offsetParent.scrollTop);

            z-index: 10;



            background-color: #E6ECF0;

        }

       

        .FixedTitleColumn

        {

            position: relative;

            left: expression(this.parentElement.offsetParent.scrollLeft);

        }

       

        .FixedDataColumn

        {

            position: relative;

            left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);

            background-color: #E6ECF0;

        }

#scrollDiv table tr td{

	border-left:0px；

	border-right:1px；

	border-bottom:1px；

	border-top:1px；

}

    </style>

</head>

<body>

   <div id="scrollDiv" style="overflow: auto; cursor: default; display: inline;

        position: absolute; height: 200px;width:300px;">

        <table id='accountTable' width='550' height='230' cellpadding='0' cellspacing='0'

            style='table-layout: auto' bordercolor='red;'>

            <tbody>

                <tr class="FixedTitleRow">

                    <td class="FixedTitleColumn">

                        ID0</td>

                    <td class="FixedTitleColumn">

                        CK0</td>

                    <td class="FixedTitleColumn">

                        Code0</td>

                    <td class="FixedTitleColumn">

                        Descirption0</td>

                    <td class="FixedTitleColumn">

                        TOL0</td>

                    <td>

                        XS0</td>

                    <td >

                        SS0</td>

                    <td>

                        MS0</td>

                    <td>

                        DS0</td>

                    <td>

                        BS0</td>

                    <td>

                        XL0</td>

                    <td>

                        ML0</td>

                    <td>

                        DL0</td>

                    <td>

                        EM0</td>

                    <td>

                        BM0</td>

                </tr>

                <tr>

                    <td class="FixedDataColumn">

                        88</td>

                    <td class="FixedDataColumn">

                        88</td>

                    <td class="FixedDataColumn">

                        88</td>

                    <td class="FixedDataColumn">

                        88</td>

                    <td class="FixedDataColumn">

                        88</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                    <td>

                        22</td>

                </tr>

                <tr>

                    <td class="FixedDataColumn">

                        111</td>

                    <td class="FixedDataColumn">

                        111</td>

                    <td class="FixedDataColumn">

                        1111</td>

                    <td class="FixedDataColumn">

                        This is Test</td>

                    <td class="FixedDataColumn">

                        1</td>

                    <td>

                        001</td>

                    <td>

                        002</td>

                    <td>

                        003</td>

                    <td>

                        004</td>

                    <td>

                        005</td>

                    <td>

                        006</td>

                    <td>

                        007</td>

                    <td>

                        008</td>

                    <td>

                        009</td>

                    <td>

                        010</td>

                </tr>

                <tr>

                    <td class="FixedDataColumn">

                        111</td>

                    <td class="FixedDataColumn">

                        111</td>

                    <td class="FixedDataColumn">

                        1111</td>

                    <td class="FixedDataColumn">

                        This is Test</td>

                    <td class="FixedDataColumn">

                        1</td>

                    <td>

                        001</td>

                    <td>

                        002</td>

                    <td>

                        003</td>

                    <td>

                        004</td>

                    <td>

                        005</td>

                    <td>

                        006</td>

                    <td>

                        007</td>

                    <td>

                        008</td>

                    <td>

                        009</td>

                    <td>

                        010</td>

                </tr>

                <tr>

                    <td class="FixedDataColumn">

                        111</td>

                    <td class="FixedDataColumn">

                        111</td>

                    <td class="FixedDataColumn">

                        1111</td>

                    <td class="FixedDataColumn">

                        This is Test</td>

                    <td class="FixedDataColumn">

                        1</td>

                    <td>

                        001</td>

                    <td>

                        002</td>

                    <td>

                        003</td>

                    <td>

                        004</td>

                    <td>

                        005</td>

                    <td>

                        006</td>

                    <td>

                        007</td>

                    <td>

                        008</td>

                    <td>

                        009</td>

                    <td>

                        010</td>

                </tr>

                <tr>

                    <td class="FixedDataColumn">

                        111</td>

                    <td class="FixedDataColumn">

                        111</td>

                    <td class="FixedDataColumn">

                        1111</td>

                    <td class="FixedDataColumn">

                        This is Test</td>

                    <td class="FixedDataColumn">

                        1</td>

                    <td>

                        001</td>

                    <td>

                        002</td>

                    <td>

                        003</td>

                    <td>

                        004</td>

                    <td>

                        005</td>

                    <td>

                        006</td>

                    <td>

                        007</td>

                    <td>

                        008</td>

                    <td>

                        009</td>

                    <td>

                        010</td>

                </tr>

            </tbody>

        </table>

    </div>



</body>

</html>
william3033 2009-06-12
  • 打赏
  • 举报
 回复
需求具体是什么意思？
HTML表格固定第一行第一列效果
在网页上实现类似Excel的效果，数据滚动条拖动固定第一行和第一列，附代码备注，一目了然
Android可固定表头和第一列自定义表格
Android可固定表头和第一列自定义表格，集成简单。 API使用说明： LockTableView mLockTableView=new LockTableView(this,mContentView,mTableDatas); mLockTableView.setLockFristColumn(true) //是否锁定第一列 .setLockFristRow(true) //是否锁定第一行 .setMaxColumnWidth(100) //列最大宽度 .setMinColumnWidth(70) //列最小宽度 .setMinRowHeight(20)//行最小高度 .setMaxRowHeight(60)//行最大高度 .setTextViewSize(16) //单元格字体大小 .setFristRowBackGroudColor(R.color.table_head)//表头背景色 .setTableHeadTextColor(R.color.beijin)//表头字体颜色 .setTableContentTextColor(R.color.border_color)//单元格字体颜色 .setNullableString("N/A") //空值替换值 .setTableViewListener(new LockTableView.OnTableViewListener() { @Override public void onTableViewScrollChange(int x, int y) { Log.e("滚动值","["+x+"]"+"["+y+"]"); } })//设置滚动回调监听 .show(); //显示表格,此方法必须调用 //属性值获取 Log.e("每列最大宽度(dp)",mLockTableView.getColumnMaxWidths().toString()); Log.e("每行最大高度(dp)",mLockTableView.getRowMaxHeights().toString()); Log.e("表格所有的滚动视图",mLockTableView.getScrollViews().toString()); Log.e("表格头部固定视图(锁列)",mLockTableView.getLockHeadView().toString()); Log.e("表格头部固定视图(不锁列)",mLockTableView.getUnLockHeadView().toString());
QT表格固定第一列，拖动时第一列不会遮挡
QT表格固定第一列，有需要的同学下来参考
table固定行和列
前几天有人问我,在Web开发当中,固定表格 的行和列,怎么做比较简单一点,我在这这里做了几个Demo,适用于table，当然也适用于各种表格控件。希望大家有时间看一下。Css学好是很重要的
html固定第一行第一列
html固定第一行第一列 其他可以上下左右滚动。。
CSS

61,112

社区成员

60,730

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章