表格各种特殊效果代码

最新推荐文章于 2021-06-02 19:27:08 发布
最新推荐文章于 2021-06-02 19:27:08 发布
阅读量1.5k 收藏
点赞数
分类专栏： XHTML+CSS 文章标签： border table textbox javascript function class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AppleBBS/article/details/268208
版权

用Hotmail的时候注意下，就是这个效果,代码如下:

<style type="text/css">
<!--
.row {BACKGROUND-COLOR: expression(rowIndex%2==1?'':'#F5F5F5')}
Body {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}
Td {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}
.tb {border-collapse: collapse}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
//复选
function selectAll(chk)
{   
var chk = document.form1.chkAll.checked;
for (i=0;i<document.all.length;i++) {
if (document.all[i].name=="id[]") {
document.all[i].checked=chk;
chkRow(document.all[i]);
}}}


//复选后单元格变色
function chkRow(obj){
var r = obj.parentElement.parentElement;
if(obj.checked){ r.style.backgroundColor="#E6E9F2";}
else {if(r.rowIndex%2==1)r.style.backgroundColor="";else r.style.backgroundColor="#F5F5F5";}
}
</script>
<table width="50%"  border="1" cellpadding="3" cellspacing="0" bordercolor="#333333" class="tb">
<form name="form1" method="post" action="">
  <tr class="row">
    <td width="5%">&nbsp;</td>
    <td width="33%" align="center"><strong>论坛名称</strong></td>
    <td width="62%" align="center"><strong>网 址</strong></td>
  </tr>
  <tr class="row">
    <td align="center"><input type="checkbox" name="id[]" value="1" οnclick="javascript:chkRow(this);"></td>
    <td align="center">织梦乱弹</td>
    <td align="center"><a href="http://www.it365cn.com/bbs" target="_blank">http://www.it365cn.com/bbs</a></td>
  </tr>
  <tr class="row">
    <td align="center"><input type="checkbox" name="id[]" value="1" οnclick="javascript:chkRow(this);"></td>
    <td align="center">经典论坛</td>
    <td align="center"><a href="http://www.blueidea.com/bbs" target="_blank">http://www.blueidea.com/bbs</a></td>
  </tr>
  <tr class="row">
    <td align="center"><input type="checkbox" name="id[]" value="1" οnclick="javascript:chkRow(this);"></td>
    <td align="center">点燃灵感</td>
    <td align="center"><a href="http://www.fwcn.com/bbs" target="_blank">http://www.fwcn.com/bbs</a></td>
  </tr>
  <tr class="row">
    <td colspan="3"><input type="checkbox" name="chkAll" title="全选/取消" οnclick="selectAll()"> <strong>全选/取消</strong></td>
    </tr>
</form> 
</table>
其中，关于点击行，行颜色改变，这里还有个例子,代码如下:

<style type="text/css">
<!--
Td {FONT-SIZE: 12px; FONT-FAMILY: Arial,Verdana,sans-serif;LINE-HEIGHT: 150%;}
-->
</style>

<script>
function bgChange(obj){
obj.bgColor=obj.bgColor==""?"#ffffff":"";
}
</script>

<table width="100%" border="0" cellspacing="1" bgcolor=#66ccee>
  <tr οnclick="bgChange(this)" bgcolor=#ffffff>
    <td>http://www.cnbruce.com</td>
  </tr>
  <tr οnclick="bgChange(this)" bgcolor=#ffffff>
    <td>http://www.cnbruce.com</td>
  </tr>
  <tr οnclick="bgChange(this)" bgcolor=#ffffff>
    <td>http://www.cnbruce.com</td>
  </tr>
</table>

立体表格,代码如下:

<table  border=1 cellspacing=0  width=100% bordercolorlight=#333333 bordercolordark=#efefef>
<tr bgcolor=#cccccc>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
</tr>
<tr bgcolor=#cccccc>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
<td>cnbruce</td>
</tr>
</table>
<center>表格边线为1，间隔为0，左上为#333333，右下为#efefef,行背景色为#cccccc

三种细线表格做法 代码如下:

<table width="100%" border="1" bordercolor="#000000">
  <tr bordercolor="#FFFFFF">
    <td>表格边线为1，线色为黑，行线色为白。</td>
  </tr>
</table>
<p>
<table width="100%" border="0" cellspacing="1" bgcolor="#000000">
  <tr>
    <td bgcolor="#FFFFFF">表格边线为0，间距为1，背景色为黑，行背景色为白。</td>
  </tr>
</table>
<table style="border-collapse:collapse;" border="1">
  <tr>
    <td bgcolor="#FFFFFF">style="border-collapse:collapse;" </td>
  </tr>
</table>

表格的边框不断在闪 代码如下:
<table border="0" width="280" id="myexample" style="border:1px solid red">
<tr>
<td>cnbruce cnbruce cnbruce cnbruce cnbruce cnbruce</td>
</tr>
</table>
<script language="JavaScript1.2">
<!--
function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="blue")
myexample.style.borderColor="red"
else
myexample.style.borderColor="blue"
}
setInterval("flashit()", 500)
//-->
</script>

不用嵌套制作同一行放两个表格:
<table border=1 align=left>
<tr>
<td>-1</td>
</tr>
</table>
<table border=1 align="right">
<tr>
<td>1</td>
</tr>
</table>


<br><br><br>


<table border=1 align=left>
<tr>
<td>-1</td>
</tr>
</table>
<table border=1 align="center">
<tr>
<td>1</td>
</tr>
</table>


<br><br><br>


<table border="1" align="left" width="50%" height="100px">
<tr>
<td>hhh</td>
</tr>
</table>
<table border="1" align="right" width="50%">
<tr>
<td>nnn</td>
</tr>
</table>


<br><br><br><br><br><br>


<table border=1 align=left>
<tr>
<td>-1</td>
</tr>
</table>
<table border=1>
<td>1</td>
</tr>
</table>

另类圆角表格制作
原图：
<table cellpadding=0 cellspacing=0 border=0 width=282 align=center>
  <tr height=1>
    <td rowspan=4 width=1></td>
    <td rowspan=3 width=1></td>
    <td rowspan=2 width=1></td>
    <td width=2></td>
    <td bgcolor=#43B5C9></td>
    <td width=2></td>
    <td rowspan=2 width=1></td>
    <td rowspan=3 width=1></td>
    <td rowspan=4 width=1></td>
  </tr>
  <tr height=1>
    <td bgcolor=#43B5C9></td>
    <td bgcolor=#43B5C9></td>
    <td bgcolor=#43B5C9></td>
  </tr>
  <tr height=1>
    <td bgcolor=#43B5C9></td>
    <td colspan=3 bgcolor=#43B5C9></td>
    <td bgcolor=#43B5C9></td>
  </tr>
  <tr height=2>
    <td bgcolor=#43B5C9></td>
    <td colspan=5 bgcolor=#43B5C9></td>
    <td bgcolor=#43B5C9></td>
  </tr>
</table>
<p>放大
<table cellpadding=0 cellspacing=0 border=1 width=282 align=center>
  <tr height=10>
    <td rowspan=4 width=10></td>
    <td rowspan=3 width=10></td>
    <td rowspan=2 width=10></td>
    <td width=20></td>
    <td bgcolor=#43B5C9></td>
    <td width=20></td>
    <td rowspan=2 width=10></td>
    <td rowspan=3 width=10></td>
    <td rowspan=4 width=10></td>
  </tr>
  <tr height=10>
    <td bgcolor=#43B5C9></td>
    <td bgcolor=#43B5C9></td>
    <td bgcolor=#43B5C9></td>
  </tr>
  <tr height=10>
    <td bgcolor=#43B5C9></td>
    <td colspan=3 bgcolor=#43B5C9></td>
    <td bgcolor=#43B5C9></td>
  </tr>
  <tr height=20>
    <td bgcolor=#43B5C9></td>
    <td colspan=5 bgcolor=#43B5C9></td>
    <td bgcolor=#43B5C9></td>
  </tr>
</table>


虚线边框表格:       

<style type="text/css">
.tb{BORDER-BOTTOM: #000000 1px dotted;BORDER-top: #000000 1px dotted;BORDER-LEFT: #000000 1px dotted;BORDER-RIGHT: #000000 1px dotted;}
</style>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="tb"><center>www.cnbruce.com</td>
  </tr>
</table>
<p>
虚线直线1
<hr size=1 style="border:1px dotted #001403;">
虚线直线2
<p size=1 style="border:1px dotted #001403;">

分类型表格:

<fieldset>
<legend>item</legend>
content
</fieldset>
变色的单元格1，通过a:hover做:

<style>
a:link,a:visited,a:hover
{width:100%;text-decoration:none;font-family:verdana;font-size:10px;color:white}
a:hover{background:#0099ff;color:black}
td{background:#3366cc;color:white;padding:0px}
</style>

<TABLE width=100% cellspacing=1 bgcolor=black >
<TR>
    <TD><a href="#">CNBruce
    <TD><a href="#">.com
<TR>
    <TD><a href="#">CNBruce
    <TD><a href="#">.com
变色的单元格2，已经做成了CSS，注意还有透明效果。
<style type="text/css">
.aa
{ background-color:#0000ff; color:#ff0000;filter: alpha(opacity=50)}
.bb   
{ background-color:#3366cc; color:#ffffff}
</style>

<table  width="100%">
  <tr>
    <td  οnmοuseοver="this.className='aa'" οnmοuseοut="this.className='bb'" class="bb"><center><b>cnbruce</td>
   </tr>
</table>

变色的单元格3，通过mouse事件做.有点微软的味道。

<table width="100%" border="1" cellpadding="3" cellspacing="0" bordercolor="#efefef" bgcolor="#efefef">
  <tr>
    <td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'"><div align="left">cnbruce</div></td>
  </tr>
  <tr>
    <td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'">cnbruce</td>
  </tr>
</table>
透明表格

<table bgcolor=#ececec style="filter:alpha(opacity=50)" width=200 height=100 border=0>
<tr><td><center>cnbruce</td></tr>
</table>
表格边框显示外阴影

<table  align=center  width=200  height=100  bgcolor=#f3f3f3 style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)">
<tr>
<td><center>www.cnbruce.com</td>
</tr>
</table>
限制表格的大小。
style="table-layout:fixed;word-break:break-all"
无论大图还是文字，一律限制。
<table    align=center    width=200    height=100    bgcolor=#f3f3f3  style="filter:progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5)" style="table-layout:fixed;word-break:break-all" >
<tr>
<td><center><img  src="http://www.cnbruce.com/images/cnrose/mi.jpg"></td>
</tr>
<tr>
<td>
cnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbruce
</td></tr>
</table>
VML做圆脚表格
1.
<html xmlns:v>
<style>
v/:*{behavior:url(#default#VML)}
</style>
<body>
   <v:RoundRect style="position:relative;width:150;height:240px">
    <v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>
    <v:TextBox style="font-size:10.2pt;">VML</v:TextBox>
    </v:RoundRect>
</body>
</html>
2.

<html  xmlns:v>
<style>
v/:*{behavior:url(#default#VML)}
</style>
<body>
      <v:RoundRect  style="position:relative;width:150;height:240px">
<v:path  textpathok="true"  />
      <v:textpath  on="true"  string="cnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbruce"  />
        <v:shadow  on="T"  type="single"  color="#b3b3b3"  offset="3px,3px"/>
        <v:TextBox  style="font-size:10.2pt;">VML</v:TextBox>
        </v:RoundRect> 
</body>
</html>
3.

<html xmlns:v>
<style>
v/:*{behavior:url(#default#VML)}
</style>
<body>
   <v:RoundRect style="position:relative;width:150;height:240px" arcsize=0.5>
    <v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>
    <v:TextBox style="font-size:10.2pt;">VML</v:TextBox>
    </v:RoundRect>
</body>
</html>

表格行换色
a，效果达到了，但应用不大。

<table  width=500>
<script>
for(i=0;i<10;i++){
i%2==1?document.write('<tr><td align=center bgcolor=#cccccc>'+i+'</td></tr>'):document.write('<tr><td align=center bgcolor=#efefef>'+i+'</td></tr>');
}
</script>
</table>
b,利用脚本来控制

<SCRIPT LANGUAGE="JavaScript">
window.onload = function() {
    doubleBgColor(document.getElementById("table1"),"#cecece","#ececec")
}

function doubleBgColor(Table,Bg1,Bg2) {
    for (var i=0;i<Table.rows.length;i++) Table.rows[i].bgColor=i%2?Bg2:Bg1;
}
</SCRIPT>
<TABLE border=0 cellpadding=1 cellspacing=1 id="table1" width="500">
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
    <TR><TD>&nbsp;</TD></TR>
</TABLE>
c，表格和控制分开，只需要指定表格 id 即可


<script defer>
for(i=0;i<oTable.rows.length;i++){
if(i%2==0){
oTable.rows[i].bgColor="#cccccc";
}else{
oTable.rows[i].bgColor="#efefef";
}
}
</script>

<table width=100 height=100  ID="oTable">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
d，做成了样式表

<style>
#oTable tr {alternateColor:expression(bgColor=rowIndex%2==0?'#cccccc':'#efefef')}
</style>
<table width=500 height=100 border=1 ID="oTable">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
根据单元格内容加亮

<table  border="1"  cellspacing="0"  width="400"  cellpadding="0"  id="table1">
        <tr>
            <td  width="80">12</td>
            <td  width="80">34</td>
            <td  width="80">56</td>
            <td  width="80">78</td>
            <td  width="80">90</td>
        </tr>
        <tr>
            <td  width="80">abc</td>
            <td  width="80">def</td>
            <td  width="80">ghj</td>
            <td  width="80">lop</td>
            <td  width="80">dry</td>
        </tr>
        <tr>
            <td  width="80">!@#</td>
            <td  width="80">_(*</td>
            <td  width="80">#$%</td>
            <td  width="80">^$#</td>
            <td  width="80">WWW</td>
        </tr>
    </table>

<SCRIPT>
var  ids;
var  idstext;
function  hightlight_td(){
var  text=txt.value;
TDs=document.all.table1.all.tags("TD")
//使用iframe时:
//TDs=iframe的name.document.all.table1.all.tags("TD")
    if  (text!="")
    {
        for  (var  i  =  0;  i  <  TDs.length;  i++)
        {
            obj=TDs[i];
            idstext=obj.innerText;
            idnum=idstext.indexOf(text);
            if  (idnum!=-1)
            {
                obj.style.background="red";
            }
            else
            {
                obj.style.background="#FFFFFF";
            }
        }
    }
    else
    {
        alert("没有输入");
    }
}
</SCRIPT>
<p  align="center"><input  type="text"  name="txt"  value=""><input  type="button"  value="请输入要查的字符串."  onClick="hightlight_td();"></p>

单击表格换色

<script>
function bgChange(obj){
obj.bgColor=obj.bgColor==""?"#0099ff":"";
}
</script>
<table width="80%" border="1">
<tr οnclick="bgChange(this)"><td>a</td><td>a</td></tr>
<tr οnclick="bgChange(this)"><td>a</td><td>a</td></tr>
<tr οnclick="bgChange(this)"><td>a</td><td>a</td></tr>
</table>

转自: http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=267

AppleBBS
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML表格标记教程(48):CSS修饰表格
01-19
注：除非特殊声明，本文所举各例插入的表格的cellspacing、cellpadding、border值均为0。 例一：1px表格 很多人热衷于制作1px表格，于是发明了各式各样的方法，用css做起来可就灵活的多。如果要制作一个1×1的1px...
一些表格的特效代码
meazza10的专栏
09-08 298
表格特效代码全集中 - - 1. 两种细线表格做法 　　源码如下： 表格边线为1，线色为黑，行线色为白。 表格边线为0，间距为1，背景色为黑，行背景色为白。 　　2. 立体表格 　　源码如下： it365cn it365cn it365cn it36...
表格特效代码全集中【转载】
11-29 580
　　1. 两种细线表格做法　　源码如下：      表格边线为1，线色为黑，行线色为白。        表格边线为0，间距为1，背景色为黑，行背景色为白。  　　2. 立体表格　　源码如下：      it365cn    it365cn    it365cn    it365cn        cnbruce    cnbruce    cnbruce    cnbruce  表格边线为1，间隔
表格特效制作
Sux
05-22 1093
表格特效制作  一、表格中单元格之间分隔线的隐藏方法第一行第二行第三行这个表格去掉了单元格之间的横向分隔线(rules=cols)第第第一二三列列列这个表格去掉了单元格之间
js+css表格特效
web
09-01 1357
<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <t
html文字做成表格,html代码做一些特殊表格(一)
weixin_36272649的博客
06-02 557
我们一般制作帖子的表格边框,基本上大同小异.现在教大家用代码制作别具一格的表格边框.在这里所有的效果我只用套材来举例.边框里可以放图片和文字,也可以换成颜色和文字.图片和颜色大家可以根据需要自己更换.只要发挥想象力,相信大家都能制作出更漂亮的表格边框.语法简单介绍:BORDER-RIGHT: #9b0000 6px ridge; 右边框颜色 宽度 样式 BORDER-TOP: #9b0000 6p...
vba代码旋转效果
05-28
实现旋转效果的vba代码，个人觉得可以实现一些特殊视觉效果
《JavaScript实例精通》[源代码]
09-21
9_5.htm 升降文字的特殊效果。 9_6.htm 打字效果的文字特效。 9_7.htm 淡入淡出的文字效果。 9_8.htm 炽热文字的特殊效果。 第10章（\10） 示例描述：页面中的链接地址个性化。 10_1.htm 按时消失的...
JAVA上百实例源码以及开源项目源代码
09-17
　Java绘制图片火焰效果，源代码相关注释：前景和背景Image对象、Applet和绘制火焰的效果的Image对象、Applet和绘制火焰的效果的Graphics对象、火焰效果的线程、Applet的高度,图片到图片装载器、绘制火焰效果的X坐标...
超实用的jQuery代码段
03-04
《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器，充分向读者演示了如何使用jQuery的各项技术，实现令人激动的网页效果。 　 《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发，对最实用的...
酷酷菜单代码
热门推荐
ξσ Dicky's Blog σξ
02-26 1万+
酷酷菜单代码var distance=0;distance1=0;function move1(){if(distance!=50) {span1.style.pixelLeft+=1;span3.style.pixelLeft+=1;span5.style.pixelLeft+=1;span2.style.pixelLeft-=1;span4.style.pixelLeft-=1;span6.s
关于版权声明的写法
ξσ Dicky's Blog σξ
01-31 7633
看了不少朋友的个人网站，有一个小问题，似乎很多朋友都忽略了，那就是版权声明的写法。虽然那只是一小行字，不过作为设计师也好，作为个人的爱好也好，版权的标志都是满重要的。从法律角度看，加入了伯尔尼公约的国家，版权保护是随着作品（无论是文字，还是图片）的问世的即刻就得到版权的保护的，并不是必须要声明。但是作为惯例，这一小行文字还是有很好加强意识，提醒浏览者，所观看的内容是受到版权保护的。正确的格
[转帖]学习使用XHTML的12天
ξσ Dicky's Blog σξ
08-21 6359
前言大家好！这个系列文章是按转自网友阿捷编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧。第一天开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是： 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，设计
最全的HTML特殊字符列表
ξσ Dicky's Blog σξ
01-25 5186
    Nonbreaking space ¡ ¡ ¡ Inverted exclamation ¢ ¢ ¢ Cent sign £ £ £ Pound sterling ¤ ¤ ¤ General currency sign ¥ ¥ ¥ Yen sign ¦ ¦
利用CSS实现竖排文字文字效果
ξσ Dicky's Blog σξ
01-23 3849
　　　　　　竖排文字　　　.tnt { Writing-mode: tb-rl; Text-align: left; font-size: 9pt; line-height: 50px;    }　　　　　　　　　　 　　确实，在表现文字的竖排在文字处理办公软件中非常容易就可以实现。由于这种效果在网页制作中并不多见，所以这个问题的讨论比较少。但是在制作具有中国古代特色的网站，如文字历史、书法、名胜
CSS控制页面展开/关闭
ξσ Dicky's Blog σξ
10-26 3318
代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> CSS控制页面展开/关闭 .expanded {
用Web标准进行开发
ξσ Dicky's Blog σξ
05-26 3304
用Web标准进行开发建议与好的实例原作：Roger Johansson, 456 Berea Street (翻译：x5, x5studio) Last updated 2005-01-15 There is also an English vision English. 内容简介 历史 Web 标准 结构和表现 （X）HTML（可扩展超文本置标语言） CSS（层叠式样式表） 可访问性 URLs（
innerHTML、outerHTML、innerText、outerText的区别
ξσ Dicky's Blog σξ
02-25 2841
This is a DIV!运行一下上面的代码就知道区别的所在了^_^
中国泰山-Http://54TaiShan.Cn
ξσ Dicky's Blog σξ
01-18 2729
中国泰山官方网站：Http://54TaiShan.Cn中国泰山, 中国著名摇滚歌手, 摇滚泰山, 猛男泰山, 歌王泰山, 泰山, 54TaiShan.Cn中国泰山演出照片集锦
vxe-table斜线表格
最新发布
05-19
而斜线表格是vxe-table中一种特殊的表格形式，它可以让表格中的某些单元格呈现斜线样式，用于展示一些特殊的数据信息。 在vxe-table中，我们可以通过设置`span-method`属性来实现斜线表格。该属性接受一个回调函数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值