当前位置:编程学习 > C#/ASP.NET >>

asp.net gridview 表头如何添加斜线

有时斜线不一定是对角线,甚至有3,4条的,这种要怎么做?
如果用图片的话,打印会有问题么? --------------------编程问答-------------------- http://www.builder.com.cn/2007/1216/683752.shtml

看看对你有没有帮助 --------------------编程问答-------------------- 用vs 自带的 ReportView 这个控件

--------------------编程问答-------------------- 继续等待 --------------------编程问答-------------------- gridview多表头
http://ccj188.blog.51cto.com/447493/94497 --------------------编程问答-------------------- http://blog.csdn.net/21aspnet
看看这篇非常有名的文章吧, asp.net gridview  的所有用法基本上都包括了! --------------------编程问答-------------------- 各位是不是误会了,我不是要多表头,我是要左上表头的斜线
类似 
   \ 项目
    \
时间 \

当然,斜线是直的。 --------------------编程问答--------------------
引用 6 楼 gcc9901 的回复:
各位是不是误会了,我不是要多表头,我是要左上表头的斜线
类似 
  \ 项目
  \
时间 \

当然,斜线是直的。


这个很难实现。。。。

帮顶 --------------------编程问答-------------------- 有一个方法个人认为还是比较巧妙滴。。

1.先用画图(mspaint)画一个100x100像素的图片,里面画一条斜线,画粗点,存成line.jpg文件

2.在需要加斜线的单元格里这样写:

<td style="position:absolute;">
    <div style="width:100%;height:100%; position:absolute;z-index:-1" >
        <img style="width:100%; height:100%;" src="line.jpg" /></div>
单元格的内容。。
    </td>

其实这个戏法说穿了一分钱不值,就是利用图片缩放来达成“画线”的效果,如果要画多条线也是一样,多重复几个img,控制一下高度或宽度就可以了,如果线有交叉,那还需要把图片改成gif或png透明格式。
--------------------编程问答--------------------
引用 8 楼 jshi123 的回复:
有一个方法个人认为还是比较巧妙滴。。

1.先用画图(mspaint)画一个100x100像素的图片,里面画一条斜线,画粗点,存成line.jpg文件

2.在需要加斜线的单元格里这样写:

HTML code

<td style="position:absolute;">
    <div style="width:100%;height:100%; position:abs……

这样应该可行。 --------------------编程问答-------------------- 不大清楚 。。。帮你顶哈。。加油啊。。。 --------------------编程问答-------------------- 这样放图片,打印不知有没问题?能否将线打印出来? --------------------编程问答-------------------- 能打印,跟其它图片一样的 --------------------编程问答-------------------- 推荐jshi123的方法:

1.先用画图(mspaint)画一个100x100像素的图片,里面画一条斜线,画粗点,存成line.jpg文件

2.在需要加斜线的单元格里这样写:
HTML code

<td style="position:absolute;">
    <div style="width:100%;height:100%; position:absolute;z-index:-1" >
        <img style="width:100%; height:100%;" src="line.jpg" /></div>
    单元格的内容。。
    </td>
--------------------编程问答-------------------- Graphics.DrawLine()方法直接画线,想画几条画几条,单元格也用<img>这个html控件 --------------------编程问答--------------------
引用 8 楼 jshi123 的回复:
有一个方法个人认为还是比较巧妙滴。。

1.先用画图(mspaint)画一个100x100像素的图片,里面画一条斜线,画粗点,存成line.jpg文件

2.在需要加斜线的单元格里这样写:

HTML code

<td style="position:absolute;">
    <div style="width:100%;height:100%; position:abs……


这个css似乎不行,IE8下没有效果,其他浏览器不清楚 --------------------编程问答-------------------- 不好意思,是我写错了,而且我不知道怎样用css来实现,不过用js是能做的,下面这个我在IE8下测试了能用

<style type="text/css">
.slash-line { position:absolute; z-index:-1; }
</style>

<script type="text/javascript">
window.onload = function() {
var imgs = document.getElementsByTagName('img');
for (var i=0; i<imgs.length; i++) {
if (imgs[i].getAttribute('class') == 'slash-line') {
imgs[i].style.width = imgs[i].parentNode.offsetWidth + "px";
imgs[i].style.height = imgs[i].parentNode.offsetHeight + "px";
}
}
}
</script>

<table border="1">
<tr>
<td >
<img src="line.jpg" class="slash-line" />
<div style="margin-left:30px">类别</div>项目
</td>
<td>类别1</td><td>类别2</td><td>类别3</td>
</tr>
<tr><td>项目1</td><td>内容1-1</td><td>内容1-2</td><td>内容1-3</td></tr>
<tr><td>项目2</td><td>内容2-1</td><td>内容2-2</td><td>内容2-3</td></tr>
<tr><td>项目3</td><td>内容3-1</td><td>内容3-2</td><td>内容3-3</td></tr>
</table>
--------------------编程问答-------------------- 这个是 显示 斜线把,不是画斜线,
最近也发现 drawLine 好像在ie8下画的线显示不出来

引用 16 楼 jshi123 的回复:
不好意思,是我写错了,而且我不知道怎样用css来实现,不过用js是能做的,下面这个我在IE8下测试了能用

HTML code

<style type="text/css">
    .slash-line { position:absolute; z-index:-1; }
</style>

<script type="text/javascript">
window.on……
--------------------编程问答-------------------- 首先你要知道grdiview生成出来的页面,源代码里面就是一个table

再给你个思路

web 页面table 斜线效果 跨越多行和 多列
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,