随笔- 108&
该效果主要是依照 bootstrap 的一个样式，class="navbar-fixed-top";
参考网址为：/components/#navbar-fixed-top
贴上代码。
1 &!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
2 &html xmlns="http://www.w3.org/1999/xhtml"&
4 &meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
5 &title&无标题文档&/title&
6 &script type="text/javascript" src="js/jquery2.0.3.min.js"&&/script&
7 &script type="text/javascript" src="js/bootstrap.min.js"&&/script&
8 &link rel="stylesheet" href="css/bootstrap.min.css"&
9 &link rel="stylesheet" href="css/bootstrap-theme.min.css"&
10 &style&
11 .table tr th,.table tr td{ width:25% !important;}
12 &/style&
13 &/head&
16 &nav class="navbar navbar-default navbar-fixed-top" role="navigation"&
&div class="container"&
&table class="table
table-bordered" style="margin-top:9"&
&th&dksliesjfd&/th&
&th&dksliesjfd&/th&
&th&dksliesjfd&/th&
&th&dksliesjfd&/th&
28 &div class="container" style="margin-top:80"&
&table class="table table-bordered"&
&td&dksliesjfd dsdsdsliesjfd dsdsdssliesjfd dsdsdssliesjfd dsdsdssd&/td&
&td&时光深处，岁月静好.时光深处，岁月静好.时光深处，岁月静好.&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
&td&dksliesjfd&/td&
222 &/div&
223 &/body&
224 &/html&
&还有一种方法，是 position: top:0;也是可以固定在顶部。
但是，bootstrap 可以自适应网页，简单快捷。
第二种方法：如下，给每个td,th设置宽度，这样便可以是表的布局样式相同
/* 增加表头固定，表内容 有滚动条 --start*/
table thead{display: block;}
table tbody{display: block; height: 300px; overflow: auto;}
table thead tr th:nth-child(1){width: 107px;}
table thead tr th:nth-child(2){width: 130px;}
table thead tr th:nth-child(3){width: 152px;}
table thead tr th:nth-child(4){width: 133px;}
table thead tr th:nth-child(5){width: 142px;}
table thead tr th:nth-child(6){width: 111px;}
table thead tr th:nth-child(7){width: 212px;}
table thead tr th:nth-child(8){width: 160px;}
table tbody tr td:nth-child(1){width: 109px;}
table tbody tr td:nth-child(2){width: 132px;}
table tbody tr td:nth-child(3){width: 155px;}
table tbody tr td:nth-child(4){width: 135px;}
table tbody tr td:nth-child(5){width: 144px;}
table tbody tr td:nth-child(6){width: 114px;}
table tbody tr td:nth-child(7){width: 214px;}
table tbody tr td:nth-child(8){width: 145px;}
阅读(...) 评论()查看: 5613|回复: 8
如何让EXCEL中添加的按钮位置固定，不随表格而动呢？
在EXCEL中添加的按钮会随着表格的拉动而变化（如下图），怎么样让他固定在某个位置不动呢？
03.gif (62.82 KB, 下载次数: 9)
10:11 上传
右键，属性，
QQ截图30.jpg (24.38 KB, 下载次数: 0)
10:13 上传
楼上正解！！！
hwc2ycy 发表于
右键，属性，
在哪里按右键可以找到属性？我怎么没有找到呢？我是2003版的
那就右键，控件格式，属性。
QQ截图33.jpg (85.33 KB, 下载次数: 3)
11:20 上传
03的ACTIVEX控件与窗体控件的设置方法都是一样的。
hwc2ycy 发表于
右键，属性，
不管用的，已经是这样设置了，如下：
5.gif (119.73 KB, 下载次数: 2)
11:23 上传
shenlong2006 发表于
不管用的，已经是这样设置了，如下：
你想类似于网页的那种，按钮浮动在上面?
貌似没有方法，暂时也没找到。
要么你做成工具栏还比较好点。
或者利用冻结功能，把按钮放在冻结的区域内。
这样不管你怎么拖，按钮总是在冻结窗口内的。
Powered by查看: 1531|回复: 6
如何设置控件固定大小，不因表格内容调整，并有上下、左右滚动条
主题帖子积分
中级会员, 积分 257, 距离下一级还需 243 积分
中级会员, 积分 257, 距离下一级还需 243 积分
我现在是这个问题：我打开了一个excel文件表头，并通过数据库读取数据存到dataset里面，并把dataset里面的数据添加到该控件里，完成了一张表格。但是表格内容列数以及行数都比较多，我想把控件固定一个大小以适应页面，控件里有左右和上下滚动条来调整显示整个表格，这样的功能应该怎么做？？
部分代码如下：
this.FpSpread1.ClientAutoSize =
& && && && &this.FpSpread1.Width = 900;
& && && && &this.FpSpread1.Height = 1000;
& && && && &this.FpSpread1.Sheets[0].PageSize = 20;
& && && && &this.FpSpread1.AllowLoadOnDemand =
& && && && &this.FpSpread1.LoadInitRowCount = 20;
& && && && &this.FpSpread1.LoadRowIncrement = 5;
& && && && &this.FpSpread1.Sheets[0].AllowPage =
主题帖子积分
中级会员, 积分 257, 距离下一级还需 243 积分
中级会员, 积分 257, 距离下一级还需 243 积分
前台代码我是引用了一个母版，然后把该控件放在一个div里面的。。是不是跟前台代码有关？怎么改？？本人前台菜鸟。。
主题帖子积分
Spread会自动添加滚动条，建议设置容器的大小为
this.FpSpread1.Width = 800;
this.FpSpread1.Height = 600;
如果不能解决问题，需要上传一个能够重现这个问题的例子程序。
主题帖子积分
中级会员, 积分 257, 距离下一级还需 243 积分
中级会员, 积分 257, 距离下一级还需 243 积分
啊！我知道了！我一句一句的排查出来，如果加上
this.FpSpread1.Sheets[0].OperationMode = FarPoint.Web.Spread.OperationMode.ReadO
设置的容器大小就完全没用了。。把这句屏蔽掉就可以了。。
那么。。。。这是属于bug吗还是哪里冲突了
主题帖子积分
中级会员, 积分 257, 距离下一级还需 243 积分
中级会员, 积分 257, 距离下一级还需 243 积分
改为singleSelect也是可以设置大小的，唯独ReadOnly不可以。
主题帖子积分
中级会员, 积分 257, 距离下一级还需 243 积分
中级会员, 积分 257, 距离下一级还需 243 积分
接楼上问题，还有另外的问题：当把operationMode设置为ReadOnly后，本来打开的表格的样式也全变了，比如本来在excel中设置的列宽是一定数值，设置为ReadOnly后列宽也变了，成了适应最宽单元格内容的列宽。。
还有最大的问题就是，设置为ReadOnly我最看重的就是加载起来快，因为是不允许选择表格，所以看起来很顺畅，要是设置为SingleSelect，当表格内数据很多的时候，点击表格时的SingleSelect感觉特别特别慢！点击之后延迟很大才能显示出选中的行。。
这是我遇到的问题，VS2010 + C# + Spread Studio v8.1 + .NET 4.0。。望改进。
主题帖子积分
Spread在ASP.NET的性能基于.NET平台，所以没有太大的改善空间，但是我们新开发了一款SpreadJS，是纯JavaScript开发的，性能非常优越。您可以试用下，看是否能够满足您的项目需求。
微信认证勋章
Powered by