如何设置gridview的表头有斜线呢？有谁发一个例子上来看看

时间：2021-12-05 14:48:08
在gridview的表头里设置类似execel的表头斜线，就是在一个单元格里画斜线。

11 个解决方案

#1

似乎很难,帮顶!

#2

用图片..
-_-!

#3

用图片.. 

#4



<HTML>   

  <HEAD>   

  <TITLE>   New   Document   </TITLE>    

  </HEAD>   

    

    <script   Language="javascript">   

  function   a(x,y,color)   

  {document.write("<img   border='0'   style='position:   absolute;   left:   "+(x+20)+";   top:   "+(y+20)+";background-color:   "+color+"'   src='px.gif'   width=1   height=1>")}   

  </script>   

    

  <body   leftmargin=20   topmargin=20>   

  <TABLE   border=0   bgcolor="000000"   cellspacing="1"   width=400>   

  <TR   bgcolor="FFFFFF">   

          <TD   id="td1">   </TD>   

          <TD>张三</TD>   

          <TD>李四</TD>   

          <TD>王五</TD>   

  </TR>   

  <TR   bgcolor="FFFFFF">   

          <TD>数学</TD>   

          <TD>55</TD>   

          <TD>66</TD>   

          <TD>77</TD>   

  </TR>   

  <TR   bgcolor="FFFFFF">   

          <TD>英语</TD>   

          <TD>99</TD>   

          <TD>68</TD>   

          <TD>71</TD>   

  </TR>   

  <TR   bgcolor="FFFFFF">   

          <TD>语文</TD>   

          <TD>33</TD>   

          <TD>44</TD>   

          <TD>55</TD>   

  </TR>   

  </TABLE>   

  <script>   

  function   line(x1,y1,x2,y2,color)   

  {   

          var   tmp   

          if(x1>=x2)   

          {   

                  tmp=x1;   

                  x1=x2;   

                  x2=tmp;   

                  tmp=y1;   

                  y1=y2;   

                  y2=tmp;   

          }   

          for(var   i=x1;i<=x2;i++)   

          {   

                  x   =   i;   

                  y   =   (y2   -   y1)   /   (x2   -   x1)   *   (x   -   x1)   +   y1;   

                  a(x,y,color);   

          }   

  }   

  //line(1,1,100,100,"000000");   

  line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000')   

  </script>   

  </BODY>   

  </HTML>   

#5

用图片感觉不是很好，虽然也可以实现。不要用到图片，请问各位有什么好的办法呢？

#6

如果我用上面的代码 ，那么我就要把下面的文档声明屏蔽掉 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

屏蔽掉该句会不会有其它的问题。有没有更好的解决方法。

#7

引用 2 楼 lovehongyun 的回复:
用图片..
-_-!

用更好的图片

#8

最好就是用图片..

4楼我发的那段.在不同的DOCTYPE下会有问题..

#9

进来学习,帮顶!

#10

关于这个问题，大家有什么小技巧呀。怎么实现那一斜线。

#11

引用楼主 gdoucwx 的帖子:
在gridview的表头里设置类似execel的表头斜线，就是在一个单元格里画斜线。

设置单元格的背景图片

或者这样应该也行，不过位置不好控制 


<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >


<style   type="text/css">  

  v\:*   {  

  BEHAVIOR:   url(#default#VML)  

  }  

  o\:*   {  

  BEHAVIOR:   url(#default#VML)  

  }  

  .shape   {  

  BEHAVIOR:   url(#default#VML)  

  }  

  </style> 


<v:line   StrokeColor='black'   StrokeWeight='1'   from='0,0'   to='100,40'   style='POSITION:absolute;'></v:line>


#1

似乎很难,帮顶!

#2

用图片..
-_-!

#3

用图片.. 

#4



<HTML>   

  <HEAD>   

  <TITLE>   New   Document   </TITLE>    

  </HEAD>   

    

    <script   Language="javascript">   

  function   a(x,y,color)   

  {document.write("<img   border='0'   style='position:   absolute;   left:   "+(x+20)+";   top:   "+(y+20)+";background-color:   "+color+"'   src='px.gif'   width=1   height=1>")}   

  </script>   

    

  <body   leftmargin=20   topmargin=20>   

  <TABLE   border=0   bgcolor="000000"   cellspacing="1"   width=400>   

  <TR   bgcolor="FFFFFF">   

          <TD   id="td1">   </TD>   

          <TD>张三</TD>   

          <TD>李四</TD>   

          <TD>王五</TD>   

  </TR>   

  <TR   bgcolor="FFFFFF">   

          <TD>数学</TD>   

          <TD>55</TD>   

          <TD>66</TD>   

          <TD>77</TD>   

  </TR>   

  <TR   bgcolor="FFFFFF">   

          <TD>英语</TD>   

          <TD>99</TD>   

          <TD>68</TD>   

          <TD>71</TD>   

  </TR>   

  <TR   bgcolor="FFFFFF">   

          <TD>语文</TD>   

          <TD>33</TD>   

          <TD>44</TD>   

          <TD>55</TD>   

  </TR>   

  </TABLE>   

  <script>   

  function   line(x1,y1,x2,y2,color)   

  {   

          var   tmp   

          if(x1>=x2)   

          {   

                  tmp=x1;   

                  x1=x2;   

                  x2=tmp;   

                  tmp=y1;   

                  y1=y2;   

                  y2=tmp;   

          }   

          for(var   i=x1;i<=x2;i++)   

          {   

                  x   =   i;   

                  y   =   (y2   -   y1)   /   (x2   -   x1)   *   (x   -   x1)   +   y1;   

                  a(x,y,color);   

          }   

  }   

  //line(1,1,100,100,"000000");   

  line(td1.offsetLeft,td1.offsetTop,td1.offsetLeft+td1.offsetWidth,td1.offsetTop+td1.offsetHeight,'#000000')   

  </script>   

  </BODY>   

  </HTML>   

#5

用图片感觉不是很好，虽然也可以实现。不要用到图片，请问各位有什么好的办法呢？

#6

如果我用上面的代码 ，那么我就要把下面的文档声明屏蔽掉 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

屏蔽掉该句会不会有其它的问题。有没有更好的解决方法。

#7

引用 2 楼 lovehongyun 的回复:
用图片..
-_-!

用更好的图片

#8

最好就是用图片..

4楼我发的那段.在不同的DOCTYPE下会有问题..

#9

进来学习,帮顶!

#10

关于这个问题，大家有什么小技巧呀。怎么实现那一斜线。

#11

引用楼主 gdoucwx 的帖子:
在gridview的表头里设置类似execel的表头斜线，就是在一个单元格里画斜线。

设置单元格的背景图片

或者这样应该也行，不过位置不好控制 


<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" >


<style   type="text/css">  

  v\:*   {  

  BEHAVIOR:   url(#default#VML)  

  }  

  o\:*   {  

  BEHAVIOR:   url(#default#VML)  

  }  

  .shape   {  

  BEHAVIOR:   url(#default#VML)  

  }  

  </style> 


<v:line   StrokeColor='black'   StrokeWeight='1'   from='0,0'   to='100,40'   style='POSITION:absolute;'></v:line>


标签：

相关文章