问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

wps隔行填充效果斑马线

发布网友 发布时间:2022-05-01 10:22

我来回答

2个回答

懂视网 时间:2022-04-23 12:26

虽然现在有很多框架可以轻松的实现斑马线效果,而且兼容性也很不错,比如bootstrap,但是不可否认的是使用JavaScript实现的是兼容性最强的(浏览器不支持或禁止JavaScript脚本除外),所以今天使用原生JS实现了一个斑马线效果的表格,大家可以简单看一下,如果有需要可以留做脚本积累。本文主要和大家介绍了JavaScript实现的斑马线表格效果,通过javascript针对table表格的遍历与运算实现隔行变色功能,非常简单实用,需要的朋友可以参考下,希望能帮助到大家。

html表格部分:


<table>
 <thead>
 <tr>
 <th>Date</th>
 <th>City</th>
 <th>Venue</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>2017-06-25</td>
 <td>
 <abbr title="BeiJing">BJ</abbr>
 </td>
 <td>Ballroom</td>
 </tr>
 <tr>
 <td>2017-08-02</td>
 <td>
 <abbr title="ShangHai">SH</abbr>
 </td>
 <td>Yoyoyo</td>
 </tr>
 <tr>
 <td>2017-11-30</td>
 <td>
 <abbr title="HangZhou">HZ</abbr>
 </td>
 <td>NOW~</td>
 </tr>
 <tr>
 <td>2017-11-30</td>
 <td>
 <abbr title="HangZhou">HZ</abbr>
 </td>
 <td>NOW~</td>
 </tr>
 <tr>
 <td>2017-11-30</td>
 <td>
 <abbr title="ShiJiaZhuang">SJZ</abbr>
 </td>
 <td>NOW~</td>
 </tr>
 </tbody>
</table>

script.js


css部分:


* {
 margin: 0;
 padding: 0;
}
.stripe{
 background-color: #eee;
}

完整index.html代码如下:


<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>javascript斑马线表格</title>
 <style>
 * {
 margin: 0;
 padding: 0;
 }
 .stripe{
 background-color: #eee;
 }
 </style>
<script src="script.js"></script>
</head>
<body>
<table>
 <thead>
 <tr>
 <th>Date</th>
 <th>City</th>
 <th>Venue</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>2017-06-25</td>
 <td>
 <abbr title="BeiJing">BJ</abbr>
 </td>
 <td>Ballroom</td>
 </tr>
 <tr>
 <td>2017-08-02</td>
 <td>
 <abbr title="ShangHai">SH</abbr>
 </td>
 <td>Yoyoyo</td>
 </tr>
 <tr>
 <td>2017-11-30</td>
 <td>
 <abbr title="HangZhou">HZ</abbr>
 </td>
 <td>NOW~</td>
 </tr>
 <tr>
 <td>2017-11-30</td>
 <td>
 <abbr title="HangZhou">HZ</abbr>
 </td>
 <td>NOW~</td>
 </tr>
 <tr>
 <td>2017-11-30</td>
 <td>
 <abbr title="ShiJiaZhuang">SJZ</abbr>
 </td>
 <td>NOW~</td>
 </tr>
 </tbody>
</table>
<script>
stripeTable();
</script>
</body>
</html>

热心网友 时间:2022-04-23 09:34

1、首先要打开WPS Office软件。2、用“所有线框”工具绘制一个表格。3、点击颜料桶,选中颜色,在第二排填充。4、用鼠标选中前两排表格。5、把鼠标放到单元格右下角的节点上,待“+”出来,用鼠标向下拖动到最后一列表格。6。表格隔行均匀填写完成。
在制作表格时我们经常会需要隔行进行填充以使表格更加直观好看,便于浏览,本文将为大家介绍如何快速进行隔行填充操作。
还可以进行数据填充,A2公式:=IF(C2=“户主“,COUNTIF(C$2:C2,“户主“),““)下拉。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
kw.h是什么意思(用电量kw·h是什么的单位) 未拆封的红米1s查询真伪 红米真伪 如何辨别红米真假 为什么月经量少黑褐色 谁有寒梅墨香的《有种你等着》,,求发。只要这一篇,不是其他有种系列的... 有种你等着txt寒梅墨香 求寒梅墨香《有种你等着》和《过来,小傻帽儿》全文加番外,一定要... 求 寒梅墨香的小说 有种你等着txt完结加番外!万分感谢能够帮助的网友... ipad airdroid怎么用 自己怎么修改淘宝送货的地址啊? 淘宝配送地址怎么更改 外汇上的 回撤率。指标。 滑点 。韩国语如何说? 如果数据库服务器死机,以下哪几个会发生 淘宝上除了淘宝指数还有什么这样同类的软件 淘宝搜索排名查询用什么软件比较准确呀? 梦见女儿掉河里最后上来了吓得哭了 梦见女儿骑车掉河里了什么意思 如何在手机上看到我们县城的美团外卖价格品种? 设计QQ网名 帮我设计个网名 新的起点,设计网名 帮我设计一个好听的网名吧。 关于设计的网名 摩托车螺丝本来拧不动,后来涂点润滑油能拧动了,可是拧着原地打转,拧不下来怎么办 螺丝转不出来,怎么办? 螺丝转不出来,怎么办 手机螺丝转不下来,不过用螺丝刀能转,就是下不来,怎么解决 螺丝能转动但转不出来,怎么解决? 万花从中过txt全集下载 wps表格怎么隔行应用相同公式,在线等,急!!! 淘宝卖家的配送地址怎么改 wps表格中怎么隔行应用不同的公式啊 淘宝卖家已发布的宝贝怎么修改配送地址 WPS excel 如何设置公式,使隔行的数字都加一。 在哺乳期间,宝妈吃哪些食物会造成严重回奶? 导致回奶的食物有哪些呢? 产妇不能随意吃食物,什么食物容易导致回奶? 什么食物会让哺乳妈妈回奶 对联:上联 挑灯夜战为光明 下联 这是一副对联 上联:挑灯夜战寒窗苦 下联:??? 挑灯夜战的下一句 挑灯夜战什么意思 今夜万家灯火明,挑灯夜战到天明,下一句................ 《秋思》赏析 张籍的 小东平时不努力学习,贪玩好耍,马上期末考试了,他每晚都挑灯夜战,真是: (用一句歇后语表示),拜托 古时候的人天一黑都做什么?是马上睡觉吗? 一吕二赵三典韦,典韦武艺真能排第三吗,他单挑关羽张飞结局如何? 日出东方却落于西,意思我明白了,我想回一句有始又有终,用什么来表达? 挑灯走马是不是成语?