x-表格如何将左侧固定，右侧增加X滚动条

问题描述

表格如何将左侧固定，右侧增加X滚动条: 一个3行10列的表格，将左边3列固定，右边7列加入scroll-x滚动条，求推荐方法

解决方案

excel？？？？？

解决方案二：

好办。先用一个大表格分两列，一列里用一个table分三列放固定不动的，一列里用一个table放七列可以滚动的。然后把table属性变成display:block，再定位就可以了

解决方案三：

比如html可以这样：

test1	test2	test3
test1	test2	test3
test1	test2	test3

            </td>
            <td>
                <table class="table-scroll">
                    <tr>
                        <td>test4</td>
                        <td>test5</td>
                        <td>test6</td>
                        <td>test7</td>
                        <td>test8</td>
                        <td>test9</td>
                        <td>test10</td>
                    </tr>
                    <tr>
                        <td>test4</td>
                        <td>test5</td>
                        <td>test6</td>
                        <td>test7</td>
                        <td>test8</td>
                        <td>test9</td>
                        <td>test10</td>
                    </tr>
                    <tr>
                        <td>test4</td>
                        <td>test5</td>
                        <td>test6</td>
                        <td>test7</td>
                        <td>test8</td>
                        <td>test9</td>
                        <td>test10</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

 style可以这样:
table { border:1px #fff solid; border-collapse:collapse;}
table tr td { border:1px #fff solid; color:#fff; vertical-align:top;padding:5px 10px;}
.table-scroll { overflow-y:scroll; display:block; height:200px;}
.table-scroll td { height:1000px;}

解决方案四：

<!DOCTYPE html>

table

test1	test2	test3
test1	test2	test3
test1	test2	test3

test4	test5	test6	test7	test8	test9	test10
test4	test5	test6	test7	test8	test9	test10
test4	test5	test6	test7	test8	test9	test10

table { border:1px #fff solid; border-collapse:collapse;}<br>
table tr td { border:1px #ccc solid; color:#fff; vertical-align:top;padding:5px 10px; color:#f00}<br>
.table-scroll { overflow-y:scroll; display:block; height:200px;}<br>
.table-scroll td { height:1000px;}

解决方案五：

好恼心，贴上来样式都是丑的。你理解下我话，自己动手试下就知道了，我试了是可以的

时间： 2024-12-31 14:50:25

x-表格如何将左侧固定，右侧增加X滚动条的相关文章

jqgrid表格编辑，关于修改和增加

问题描述 jqgrid表格编辑,关于修改和增加修改的时候,点击左下角修改按钮,弹出弹出框,怎么设置上面两列只读或置灰,还有增加的时候如何再增加一列,这一列是列表上没有的并且是下拉框形式,该怎么添加?

jQuery左侧大图右侧小图焦点图幻灯切换代码分享_jquery

这是一款基于jQuery实现的右侧选项卡焦点图片轮播动画特效源码,每个图片的内容信息可以根据自己的喜好进行隐藏与显示,是一段超酷的焦点图轮播代码. 为大家分享的jQuery左侧大图右侧小图焦点图幻灯切换代码如下 ---------------------源码下载效果查看----------------------- <head> <meta http-equiv="Content-Type" content="text/html; charset=u

《Photoshop Lightroom4 经典教程》—第2课2.4节使用左侧和右侧面板组

2.4 使用左侧和右侧面板组Photoshop Lightroom4 经典教程到目前为止,我们将左侧面板组和右侧面板组作为整体使用.下面将介绍使用面板组中单个面板的方法. 2.4.1 展开和折叠面板如果您还没有切换到图库模块,现在切换到该模块.通过隐藏顶部面板和胶片显示窗格(参阅上一个练习中的步骤4),为使用两侧面板组进行工作提供了更多的空间. 在"图库"模块中,左侧面板组含有"导航器"."目录"."文件夹"."收

Swift在导航栏左侧或者右侧放置多个按钮例子

使用 navigationItem.leftBarButtonItem 和 navigationItem.rightBarButtonItem 可以很方便的分别设置导航栏左侧和右侧按钮,但一侧只能有一个按钮. 如果想要在一侧使用多个按钮,可以通过 leftBarButtonItems 和 rightBarButtonItems 来实现. 下面演示给导航栏右侧添加两个按钮(搜索和设置): 同时两个按钮间设置了间距,并将设置按钮顶到边上. import UIKit class ViewCo

Excel2007冻结窗口，表格中如何“横竖”固定窗口

我们常常在Excel中查看规模比较大的工作表时,都比较难比较表中的不同部分的数据,这时候我们就可以利用工作表中的冻结窗口功能来固定窗口,将某几行或某几列的数据冻结起来,这样如果滚动窗口时,这几行或这几列数据就会被固定住,而不会随着其他单元格的移动而移动. 一般来说,冻结的工作表行标题和列标题可以将屏幕外的单元格与行标题和列标题相对应起来,非常方便我们查看.下面就一起来学习在Excel2007中是如何冻结窗口的! Excel2007冻结窗口之--横向冻结某行方法: ①如果要冻结某行,首先需要选中它

点击左侧内容右侧内容改变

问题描述 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>UntitledDocum

急！！POI我如果想在前面写好表格的基础上单独去增加某一列怎么办？？？

问题描述可是还是因为要创建HSSFRow对象的缘故所以写好的每一行被覆盖了!!!while(it.hasNext()){index++;row=sheet.createRow(index);Tt=(T)it.next();//利用反射,根据javabean属性的先后顺序,动态调用getXxx()方法得到属性值Field[]fields=t.getClass().getDeclaredFields();j=fields.length;for(shorti=0;i<(fields.length+1

JavaScript网站左侧或右侧树形菜单效果

深蓝燕南园兰乔圣菲红郡假日风景金品明珠四季花园白马小城花园别墅菲红郡

纯css网站左侧固定位置滚动代码

位置一位置二位置二位置二位置二位置二位置二位置二位置二返回顶部