精华内容
下载资源
问答
  • SpreadJS是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性 可...你可以设置backColor或者backgroundImage选项为每一个表单设置背景色或者背...

    SpreadJS是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性 可为用户带来亲切、易用的使用体验,并满足 Web Excel组件开发、表格文档协同编辑、 数据填报、 类Excel报表设计等业务场景,可极大降低企业研发成本和项目交付风险。

    下载SpreadJS最新试用版

    此示例显示如何自定义工作簿背景。

    你可以设置 backColor 或者 backgroundImage 选项为每一个表单设置背景色或者背景图片。如果你同时设置背景色和背景图片, 那么背景图片将会优先显示。

        var spread = GC.Spread.Sheets.findControl(document.getElementById('ss'));     
     // set the worksheet's backcolor      spread.options.backColor = 'red';      
    // and set the surrounding area      spread.options.grayAreaBackColor = 'gray';  

    或者,您可以使用workbook的** backgroundImage **选项为工作表设置背景图像。请注意,设置背景图像会覆盖所有设置的背景颜色,因此必须将其删除才能使背景颜色生效。

        var spread = GC.Spread.Sheets.findControl(document.getElementById('ss'));      // Set a background image for the sheets      spread.options.backgroundImage = 'images/backImage.png';  
    
    
    SpreadJS 提供控制图片布局方式的能力, 你可以设置 backgroundImageLayout 选项来完成此目标。图片布局包含以下几种类型:
    • stretch: 改变图像尺寸使其充满整个区域,无视实际的长宽比。
    • center: 图片将显示在区域的正中央。
    • zoom: 改变图像的尺寸使其适合控件尺寸,图片实际的长宽比不变。
    • none: 在显示区域中使用图像实际的尺寸显示该图像,没有任何尺寸变化。
        spread.options.backgroundImageLayout = GC.Spread.Sheets.ImageLayout.stretch;     
     //spread.options.backgroundImageLayout = GC.Spread.Sheets.ImageLayout.center;      
    //spread.options.backgroundImageLayout = GC.Spread.Sheets.ImageLayout.zoom;      
    ​​​​​​​//spread.options.backgroundImageLayout = GC.Spread.Sheets.ImageLayout.none;  

    你也可以设置 grayAreaBackColor 选项来设置表单灰色区域的背景色。

    spread.options.grayAreaBackColor = 'gray';

    app.js:

    window.onload =  function() {
    	var spread = new GC.Spread.Sheets.Workbook(_getElementById('ss'), { sheetCount: 1 });
    	initSpread(spread);
    };
    
    function initSpread(spread) {
    	var spreadNS = GC.Spread.Sheets;
    	var sheet = spread.getSheet(0);
    	var pictureUrl = '';
    	spread.suspendPaint();
    	sheet.setRowCount(15);
    	sheet.setColumnCount(20);
    	spread.options.backColor = 'white';
    	spread.options.grayAreaBackColor = 'gray';
    	spread.options.backgroundImageLayout = spreadNS.ImageLayout.stretch;
    	spread.options.backgroundImage = '$DEMOROOT$/spread/source/images/backImage.png';
    
    	spread.resumePaint();
    
    	_getElementById('layout').addEventListener('change',function() {
    		var layout = parseInt(document.getElementById('layout').value);
    		spread.options.backgroundImageLayout = layout;
    	});
    
    	_getElementById('setGrayAreaBackColor').addEventListener('click', function() {
    		var color = document.getElementById('grayAreaBackColor').value;
    		spread.options.grayAreaBackColor = color;
    	});
    	_getElementById('setSpreadBackColor').addEventListener('click', function() {
    		var color = document.getElementById('spreadBackColor').value;
    		spread.options.backColor = color;
    	});
    	_getElementById('file_input').addEventListener('change', function() {
            var file = this.files[0];
    		if (!/image\/\w+/.test(file.type)) {
    			alert('The file muse be image!');
    			return false;
    		}
    		var reader = new FileReader();
    		reader.readAsDataURL(file);
    		reader.onload = function(e) {
    			pictureUrl = this.result;
    		};
    	});
    	_getElementById('setSpreadBackgroundImage').addEventListener('click', function() {
    		spread.options.backgroundImage = pictureUrl;
    	});
    	_getElementById('delSpreadBackgroundImage').addEventListener('click', function() {
    		spread.options.backgroundImage = '';
    	});
    }
    
    function _getElementById(id){
        return document.getElementById(id);
    }

    index.html:

    <!doctype html>
    <html style="height:100%;font-size:14px;">
    
    <head>
        <meta name="spreadjs culture" content="zh-cn" />
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="stylesheet" type="text/css" href="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css">
        <script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets/dist/gc.spread.sheets.all.min.js" type="text/javascript"></script>
        <script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets-resources-zh/dist/gc.spread.sheets.resources.zh.min.js" type="text/javascript"></script>
        <script src="$DEMOROOT$/spread/source/js/license.js" type="text/javascript"></script>
        <script src="app.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="styles.css">
    </head>
    <body>
    
        <div class="sample-tutorial">
            <div id="ss" class="sample-spreadsheets"></div>
            <div class="options-container">
                <div class="option-row">
                    <label >Enter a color name to set the color of the workbook gray area.</label>
                </div>
                <div class="option-row">
                    <input type="text" id="grayAreaBackColor"/>
                    <input type="button" id="setGrayAreaBackColor" value="Set Gray Area BackColor"/>
                </div>
                <div class="option-row">
                    <label >Enter a color name to set the workbook background color.</label>
                    <label class="note">Note: remove background image at the bottom to see this change.</label>
                </div>
                <div class="option-row">
                    <input type="text" id="spreadBackColor"/>
                    <input type="button" id="setSpreadBackColor" value="Set Workbook BackColor"/>
                </div>
                <div class="option-row">
                    <label >Image:</label>
                    <input type="file" name="image" id="file_input" />
                    
                </div>
                <div class="option-row">
                    <label >Workbook Background Image Layout:</label>
                    <select id="layout" >
                        <option value="0" selected="selected">Stretch</option>
                        <option value="1">Center</option>
                        <option value="2">Zoom</option>
                        <option value="3">None</option>
                    </select>
                </div>
                <div class="option-row">
                    <input type="button" id="setSpreadBackgroundImage" value="Set" class="narrow-button" />
                    <input type="button" id="delSpreadBackgroundImage" value="Del Background Image" />
                </div>
            </div>
        </div>
    </body>
    </html>

    style.css:

    input[type="button"] {
        width: 180px;
    }
    
    input[type="text"] {
        padding: 4px;
        margin-top: 4px;
        width: 100%;
        box-sizing: border-box;
    }
    
    label {
        display: inline-block;
        margin-bottom: 6px;
    }
    .note{
        margin-top: 0px;
    }
    .colorLabel {
        background-color: lavender;
    }
    
    .wide-label {
        width: 260px;
    }
    
    input.narrow-button, .narrow-label {
        width: 74px;
    }
    .sample-tutorial {
         position: relative;
         height: 100%;
         overflow: hidden;
    }
    
    .sample-spreadsheets {
        width: calc(100% - 300px);
        height: 100%;
        overflow: hidden;
        float: left;
    }
    
    .options-container {
        float: right;
        width: 300px;
        padding: 12px;
        height: 100%;
        box-sizing: border-box;
        background: #fbfbfb;
        overflow: auto;
    }
    .option-row:nth-child(1){
        padding-bottom: 0px;
    }
    .option-row:nth-child(2){
        margin-top: 0px;
        padding-top: 0px;
    }
    .option-row:nth-child(3){
        padding-bottom: 0px;
    }
    
    .option-row:nth-child(4){
        margin-top: 0px;
        padding-top: 0px;
    }
    .option-row {
        font-size: 14px;
        padding: 5px;
        margin-top: 10px;
    }
    
    input {
        padding: 4px 6px;
    }
    
    input[type=button] {
        margin-top: 6px;
        display: block;
    }
    
    hr {
        border-color: #fff;
        opacity: .2;
        margin-top: 20px;
    }
    
        
    body {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    本文转载自:葡萄城

    展开全文
  • 本文将介绍如何在Java程序中为 Excel奇数行和偶数行设置交替背景色。Jar文件导入方法方法一:下载最新的Free Spire.XLSfor Java包并解压缩,然后从lib文件夹下,将Spire.Xls.jar包导入到你的Java应用程序中。(...

    在制作

    Excel表格

    时,

    通过

    数据表中上下

    相邻的两行用不同的背景色填充

    ,可以使

    各行的数据看起来更清楚

    ,避免

    看错行

    ,同时也能增加

    Excel

    格的美观度

    本文

    介绍

    如何

    Java

    程序中

    为 Excel

    奇数行和偶数行设置

    交替

    背景色。

    Jar文件导入方法

    方法一:

    下载最新的

    Free Spire.

    XLS

    for Java

    包并解压缩

    然后从lib文件夹下,

    Spire.

    Xls

    .jar包

    导入

    到你的Java应用程序中。

    (

    导入成功

    如下图所示

    )

    7da4c285d79e3899c96566602f1c515d.png

    方法二:

    Java代码示例

    import com.spire.xls.*;

    import java.awt.*;

    public class ConditionalFormatting {

    public static void main(String[] args) {

    //创建Workbook对象

    Workbook workbook = new Workbook();

    //加载一个Excel文档

    workbook.loadFromFile("C:\\Users\\Administrator\\IdeaProjects\\XLS\\sample.xlsx");

    //获取一个工作表

    Worksheet sheet = workbook.getWorksheets().get(0);

    //获取有数据的区域

    CellRange dataRange = sheet.getAllocatedRange();

    //使用条件格式将偶数行的背景色设为浅灰色

    ConditionalFormatWrapper format1 = dataRange.getConditionalFormats().addCondition();

    format1.setFirstFormula("=MOD(ROW(),2)=0");

    format1.setFormatType(ConditionalFormatType.Formula);

    format1.setBackColor(Color.lightGray);

    //使用条件格式将奇数行的背景色设为黄色

    ConditionalFormatWrapper format2 = dataRange.getConditionalFormats().addCondition();

    format2.setFirstFormula("=MOD(ROW(),2)=1");

    format2.setFormatType(ConditionalFormatType.Formula);

    format2.setBackColor(Color.yellow);

    //保存文档

    workbook.saveToFile("交替背景色.xlsx", ExcelVersion.Version2016);

    }

    }

    交替背景色效果图:

    bd7db52886285374103aaff9f34797b8.png

    展开全文
  • Excel表格中的数据很多,很有可能会出现看错行的现象,为防止看错行,可以隔行设置背景色。可以通过套用表格格式或者条件格式来达到隔行变色的效果 方法一:通过套用表格格式 1、选中要处理的单元格或者列。 ...

    当Excel表格中的数据很多,很有可能会出现看错行的现象,为防止看错行,可以隔行设置背景色。可以通过套用表格格式或者条件格式来达到隔行变色的效果

    方法一:通过套用表格格式

    1、选中要处理的单元格或者列。

    说明:选择列的话这样方便以后添加数据都能实现隔行有背景色。

    2、在“开始”选项卡,单击“套用表格格式 ”,选择你中意的一种格式即可

    3、会打开如下图所示对话框,选择表数据来源,可以根据实际情况将“表包含标题”选中或不选中,然后单击“确定”。

    说明:选择数据源,因为刚开始选中表格里的单元格,这么默认为选中区域,如果想调整,可以再这里继续调整哦。

    4、效果如下图所示。

     

     

    方法二:通过条件格式

    1、选中要处理的单元格或者列。

    说明:选择列的话这样方便以后添加数据都能实现隔行有背景色。

    2、在“开始”选项卡中,单击“条件格式”,选择“新建规则”。

    3、在打开的对话框中,规则类型选择“使用公式确定要设置格式的单元格”,然后在“为符合此公式的值设置格式”下面填入公式“=mod(row(),2)”。

    说明:

    如果隔二行,可以输入公式“=MOD(CEILING(ROW(),2)/2,2)=1”

    如果隔三行,可以输入公式“=MOD(CEILING(ROW(),3)/3,2)=1”

    如果隔四行,可以输入公式“=MOD(CEILING(ROW(),4)/4,2)=1”

    以此类推。

    4、再单击“新建规格”对话框中的“格式”按钮

    5、打开“设置单元格格式“对话框,在“填充”选项卡中选择填充的颜色,然后单击“确定”。

    6、返回到“新建格式规则”对话框,单击“确定”

    7、看看效果吧

    隔行隔列公式表:

    隔行 公式 隔列 公式
    一行 =MOD(ROW(),2) 一列 =MOD(COLUMN(),2)
    二行 =MOD(CEILING(ROW(),2)/2,2)=1 两列 =MOD(CEILING(COLUMN(),2)/2,2)=1
    三行 =MOD(CEILING(ROW(),3)/3,2)=1 三列 =MOD(CEILING(COLUMN(),3)/3,2)=1
    n行 =MOD(CEILING(ROW(),n)/n,2)=1 n列 =MOD(CEILING(COLUMN(),n)/n,2)=1

     

    转载于:https://www.cnblogs.com/pinpin/p/9882542.html

    展开全文
  • EXCEL如何隔三行设置背景

    千次阅读 2018-05-08 17:25:18
    可以采用隔行设置背景色的方法. 第一步:找到要用的工具:条件格式. 将光标定格到A1单元格.然后点击开始–&amp;gt;条件格式–&amp;gt;新建规则 Figure1.1 条件格式的位置 第二步:选择一个公式. 选择...

    情景分析

    EXCEL表格处理很多行数据时,经常会遇到每行数据太长以致于影响阅读的情况.尤其是在做计划表格时,调整时间与完成进度非常麻烦.

    解决方法

    可以采用隔行设置背景色的方法.
    第一步:找到要用的工具:条件格式.
    将光标定格到A1单元格.然后点击开始–>条件格式–>新建规则

    Figure1.1 条件格式的位置
    这里写图片描述

    第二步:选择一个公式.
    选择使用公式确定要设置格式的单元格,输入公式=MOD(ROW()-2,6)<3.

    Figure 2.1 一个重要的公式
     一个重要的公式

    第三步:设置背景色并选定范围.
    注意操作过程中不要移动光标,如果不小心移动过光标,就需要重新定位到A1单元格.点击开始–>条件格式–>管理规则.

    • 通过点击编辑规则可以设置指定行的背景色,
    • 通过点击应用于:可以指定规则要应用的范围.可以输入范围=$A$2:$K$43,也可以点击右边的图标,用鼠标选择.然后点击确定,就可以看到结果

      Figure 3.1 设置背景色并选定范围
      这里写图片描述

      Figure 3.2 结果
      这里写图片描述

    总结

    公式可以选择:案例中用的=MOD(ROW()-2,6)<3,是每隔三行设置一下背景色.在这里简单的解释一下公式:

    • ROW()可以获取到当前单元格的行坐标.
    • mod(a,b)是指的ab取余,这个函数得到的结果是a除以b的余数.mod取余函数.

    我们的行数是从2开始的.

    行数 2 3 4 5 6 7 8 9 10 11
    行数模6 2 3 4 5 0 1 2 3 4 5

    做一下处理,行数减2

    行数减2 0 1 2 3 4 5 0 1 2 3
    行数减2模6 0 1 2 3 4 5 0 1 2 3

    然后判断结果是否小于3,就可以将符合条件的行数添加预先设置的背景色.
    通过这个公式=MOD(ROW()-2,n)<n/2我们可以解决隔n行设置背景色的问题了.

    隔n行 公式
    n=1 =MOD(ROW(),2)
    n=2 =MOD(ROW()-2,4)<2
    n=3 =MOD(ROW()-2,6)<3
    n=2m =MOD(ROW()-2,n)

    通过这样的方式设定的隔行设置背景颜色,可以随时对表格进行编辑,EXCEL会自动设置背景颜色.
    所谓的条件规则,就是给EXCEL一个逻辑公式,true,则执行设定的操作;false,则不执行.

    展开全文
  • 有这样一个需求就是实现EXCEL的相同内容的背景色相同、并且内容不同的时候达到隔行变色的效果,记录下实现的效果,如果大家有什么更好的办法请给我指点一下。具体操作如下: 首先将是比较的列"2014基药编码"列数据...
  • Excel表格中的数据很多,很有可能会出现看错行的现象,为防止看错行,可以隔行设置背景色。可以通过套用表格格式或者条件格式来达到隔行变色的效果方法一:通过套用表格格式1、选中要处理的单元格或者列。说明:...
  • Excel2013如何实现隔行设置背景

    千次阅读 2016-05-19 14:10:51
    3)在打开的对话框中,规则类型选择“使用公式确定要设置格式的单元格”,然后在“为符合此公式的值设置格式”下面填入公式“=mod(row(),2)”。 说明: 如果隔二行,可以输入公式“=MOD(CEILING(R
  • 1、选中单元格,点击数据-数据有效性 2、设置中有效性条件,允许-序列,勾选 提供空值 和提供下拉箭头 3、来源中可手动输入需要的值,中间以英文状态下的逗号隔开
  • 设置 Excel 奇偶行背景颜色

    千次阅读 2013-10-14 13:49:25
    excel如何把奇数行,偶数行的背景使用不同的颜色 方法一: 设置第一行及第二行,然后刷子一刷。 方法二: 条件格式 条件一,公式,=MOD(ROW(),2),格式,红 条件二,公式,=MOD(ROW(),2)=0,格式,黄. 或.先设置好...
  • 在前文中,我介绍过如何Excel工作表设置背景色,其中包括三部分:给工作表中所有数据的单元格区域设置背景色、给工作表中的指定单元格区域设置背景色以及给工作表的行设置交替背景色。本篇教程将演示如何Excel...
  • 根据需求不同,本次代码演示将介绍以下三种设置背景色的情况:为Excel工作表中所有数据的单元格区域设置背景色为Excel工作表中的指定单元格区域设置背景色为Excel工作表中的行添加交替背景色测试环境在运行代码前,...
  • 上一篇文章讲解了工作簿的保护设置,这篇文章我们来学习工作表的保护设置。工作表与工作簿是局部和整体的关系,对工作簿进行的保护设置对工作簿中所有的工作表都生效,而对工作表的保护仅对当前被设置的工作表有效。...
  • 如何设置excel中重复的单元格颜色

    千次阅读 2007-12-11 09:13:00
    设置如下:选中L2006A2008单元格A1,菜单-----》条件格式-----》公式,输入这样的公式=countif($A$1:$A1,$A1)>1点击格式,设置字体的颜色和背景图案的颜色。然后用格式刷刷一下A列,这样的话,如果再输入L20
  • 如题.
  • 使用 poi ,具体实现HSSFCellStyle style = null;// 创建表头styleHSSFCellStyle cellStyleTitle = workbook.createCellStyle();cellStyleTitle.setFillPattern(HSSFCellStyle.SOLID_FOREGROUND);...
  • 原文:http://coolketang.com/staticOffice/5a97f2f79f54542163dc40f2.html1. 本节课将为您演示,如何给当前工作表中的三个单元格,设置不同的背景样式。首先点击选择左侧的单元格。 2. 然后点击填充色下拉箭头,弹...
  • 下面就来学习一下Excel里常见的排名方法吧。1.如何排名?排名函数(rank),返回指定数值在特定区域中的排名。其语法规则是:rank(要进行比较的数值,在哪个区域比较,降序还是升序)第三个参数“降序还是升序”,降序是0...
  • 我们在使用excel的过程中,将表格制作完成后,表格只有黑白两种颜色,看起来不是特别的美观漂亮,那么,如果让表格变的更漂亮呢,我们可以将表格的行隔行填充背景色,这样给人的感觉会眼前一亮。如图: 那么这个如何...
  • 我想设置我知道可以使用的单元格的背景颜色 style1 = xlwt.easyxf('pattern: pattern solid, fore_colour red;') 但我想设置自定义颜色smth。比如#8a8eef或者是否有可能颜色的调色板,因为浅蓝色不起作用:) 解决...
  • 在使用excel的时候遇到图片将先前的文字覆盖了,如此以来会影响阅读,为了布局的美观,怎么才能让文字置于图片之上呢,下面让学习啦小编为你带来excel如何设置图片置于底层的方法。excel设置图片置于底层方法:设置...
  • 每一位数据分析师都脱离不开Excel。虽然现在机器学习满地走,Excel依旧是无可争议的第一工具。它是日常工作中最常用的工具,如果不考虑性能和数据量,它可以应付绝大部分的... 数据分析第3步:如何使用Excel清洗数据...
  • ——富兰克林不知道大家在日常工作中,有没有遇到过这样的问题,别人给我们传了份表格,我们把表格内设置的填充色,全部去除,但是当我们设置背景色为无填充的时候,但是依然有背景色存在,就像下面这样:其实,是...
  • 原文:http://coolketang.com/staticOffice/5a97f1019f54542163dc2f49.html1. 本节课将为您演示,如何给当前的工作表添加背景图片,以增加工作表的趣味性和亲和力。首先点击[页面布局]选项卡,显示页面布局功能面板...
  • using Microsoft.Office.Interop.Excel; using seaSolveWork.basedata; using seaSolveWork.model.healthproduct; using seaSolveWork.model.milk; using seaSolveWork.model.tianjin; using System; using Sy
  • 《MFC如何添加EXCEL库和操作EXCEL

    千次阅读 2019-01-04 13:18:23
    我们在使用EXCEL时,需要搞清楚EXCEL应用程序、工作簿、工作表以及单元格的关系,还有如何设置字体和背景以及边框的属性。总之,就是1个工作簿(workbook)中含有很多个工作表(worksheet),工作表(worksheet)由...

空空如也

空空如也

1 2 3 4 5 ... 11
收藏数 202
精华内容 80
关键字:

如何设置excel背景