精华内容
下载资源
问答
  • 这是一个根据cxgrid的不同数值,设置单元格显示颜色长度,有点类似于进度条,但又不是进度条,供大家参考,这里面还有些问题,希望大家如果有比较好的意见请留言,代码是用XE2编译的,的里面有个Rect的属性Width在...
  • pyqt tableWidget 单元格设置颜色

    千次阅读 2018-03-20 18:37:00
    #字体颜色(红色) self.tableWidget_Software.item(1 ,0).setForeground(QBrush(QColor(255,0,0))) #背景颜色(红色) self.tableWidget_Software.item(1, 0).setBackground(QBrush(QColor(255, 0, 0))) ...
    #字体颜色(红色)
    self.tableWidget_Software.item(1 ,0).setForeground(QBrush(QColor(255,0,0)))
    
    #背景颜色(红色)
    self.tableWidget_Software.item(1, 0).setBackground(QBrush(QColor(255, 0, 0)))
    

      

    转载于:https://www.cnblogs.com/jacky-zhao/p/8611406.html

    展开全文
  • markdown 编辑器通过HTML实现:设置单元格背景颜色设置字体颜色和合并单元格的两种方式

    一、html设置单元格背景颜色、字体颜色和合并单元格

    实现的代码:

    <table border="1" cellspacing="0" cellpadding="5" width="400" height="100">
    	<caption>成绩单</caption>
    	<tr align="center">
    		<th><font face="宋体" color="##FF0000">姓名</th>
    		<th><font face="宋体" color="##FF0000">语文</th>
    		<th><font face="宋体" color="##FF0000">数序</th>
    		<th><font face="宋体" color="##FF0000">英语</th>
    		<th><font face="宋体" color="##FF0000">物理</th>
    		<th><font face="宋体" color="##FF0000">化学</th>
    	</tr>
    		<tr >
    		<td  rowspan="2" bgcolor="#cc9999"><font face="宋体" color="##FF0000"></td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">82</td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">84</td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">87</td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">86</td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">77</td>
    	</tr>
    	<tr >
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">82</td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">84</td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">87</td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">86</td>
    		<td bgcolor="#cc9999"><font face="宋体" color="##FF0000">77</td>
    	</tr>
    			</table>
    

    简化合并单元格:

    <table>
    	<tr>
    	    <th>姓名</th>
    	    <th>物理</th>  
    	</tr >
    	<tr >
    	    <td rowspan="2"></td>
    	    <td>88</td>
    	</tr>
    	    <td>87</td>
    	</tr>
    </table>
    

    效果:

    成绩单
    姓名语文数序英语物理化学
    8284878677
    8284878677
    姓名物理
    88
    87

    设置单元格背景颜色

    <td bgcolor="#cc9999">王</td>

    <td bgcolor="#cc9999"></td>
    

    设置单元格字体颜色

    <td > <font face=“宋体” color="##FF0000"> 王</td>

    <td ><font face="宋体" color="##FF0000"></td>
    

    合并单元格(一)

    HTML<td>标签的 rowspan 属性规定单元格可横跨的行数
    <td rowspan=“2” > 王</td>

    <td  rowspan="2" ></td>
    
    实例:
    表格单元横跨两行的表格:
    <table>
      <tr>
    <td rowspan=“2” bgcolor="#cc9999" align=“center” > <font face=“宋体” color="##FF0000"></td>  </tr>
    </table>
    

    二、HTML的table表格

    表头标签
    表头单元格一般位于表格的第一行或第一列,其文本加粗居中只需用表头标签替代相应的单元格标签即可。
    ###表格标题

    表格的标题:caption

    定义和用法
    caption元素定义表格标题。

    <table>
    	<caption>我是表格标题</caption>
    </table>
    

    caption标签必须紧跟table标签之后,只能每个表格定义一个标题。通常这个标题会被居中于表格之上。

    表格结构

    在使用表格进行布局时,可以将表格划分为头部,主体和页脚(页脚因为有兼容性问题)。具体如下:

    <thead></thead>:用于定义表格的头部。
    必须位于<table></table>标签中,一般包含网页的logo和导航等头部信息。
    <tbody></tbody>:用于定义表格的主体
    位于<table></table>标签中,一般包含网页中除头部和底部之外的其他内容。
    

    三、Markdown语言编辑出对应的excel实现合并单元格(二)

    Markdown有个特性就是兼容 HTML。
    试想一下,如果用第一节的Markdown语言编辑出对应的excel,真是劳民伤财啊!给谁谁都不愿意干吧。

    如果这个表格仅仅是用来阅读,展示一些信息,那么完全可以用下面的方式来显示。只保留表格结构,不保留标红等标注。

    1、准备好要处理的excel表格
    2、打开excel,另存为html格式——wps、office都支持
    3、找到新生成的文件夹下带sheet的html文件,并用浏览器打开预览,找到想要转换的文件。
    4、用NotePad++等阅读工具打开html,找到\<table>...\</table>标签下的内容,复制到Markdown编辑器内。
    5、表格即完成了Markdown的转换。
    

    参考文献:
    HTML <td> 标签的 rowspan 属性
    html设置单元格背景颜色
    Markdown表格合并单元格
    让Markdown支持复杂表格


    尊重别人的劳动成果 转载请务必注明出处:https://blog.csdn.net/A___LEi/article/details/114012126

    展开全文
  • Listview单元格颜色设置.Listview单元格颜色设置.txt
  • 最近的项目中,遇到给表格中指定单元格设置字体颜色,使用的是el-table做的,控制单元格字体颜色,每一行的最大值设置成绿色,最小值设置成红色,效果如下: 二、方法及代码 使用的是控件内的 cell-style 方法,...

    一、需求及效果图

    最近的项目中,遇到给表格中指定单元格设置字体颜色,使用的是el-table做的,控制单元格字体颜色,每一行的最大值设置成绿色,最小值设置成红色,效果如下:

    二、方法及代码 

     使用的是控件内的 cell-style 方法,方法详见element-ui,代码如下: 

    <!-- HTML代码 -->
    <el-table
        :data="populationComparisonTableData"
        border
        width= '952'
        :cell-style="cellStyle"
        v-loading="tableLoading"
        style="width: 100%">
        <el-table-column
            v-for="(item,index) in tableHeadArr"
            :key="index"
            :prop="item.prop"
            :label="item.name"
            :formatter="addPercent"
            height="40"
            align="center"
        >
        </el-table-column>
    </el-table>

     方法一代:

    // methods中写方法
    cellStyle ({ row, column, rowIndex, columnIndex } ) {
        let arr = []; // 保存一行数据的数组
        for(let item in row) {
            if (item !== 'people_type') {
                arr.push(Number(row[item]));
            }
        }
        if (columnIndex - 1 === arr.indexOf(Math.max.apply(null, arr))) {
            // arr.indexOf(Math.max.apply(null, arr)能找到最大值的下标,
            // 与其对应列相等即返回绿色,
            //此处 columnIndex - 1 是因为第一列不是数字,arr中也不包含这部分
            return 'color: #138D39'; // 绿色,最大值
        }
        if (columnIndex - 1 === arr.indexOf(Math.min.apply(null, arr))) {
        	return 'color: #FF3B4B';
        }
    }

    但是这么做有一个问题,就是如果最大值或者最小值,有重复的,就只能找到第一个最大(小)值,设置颜色,所以总感觉不太完美,于是咔咔咔的改进。

    方法二代:

    想到用两个数组分别保存最大值、最小值的下标,在遍历数组设置颜色即可,代码如下:

    cellStyle ({ row, column, rowIndex, columnIndex } ) {
        let arr = []; // 保存一行数据的数组
        for(let item in row) {
            if (item !== 'people_type') {
                arr.push(Number(row[item]));
            }
        }
        let maxIndex = 0, minIndex = 0,
            minIndexArr = [],maxIndexArr = [];
        
        maxIndex = arr.indexOf(Math.max.apply(null, arr));
        minIndex = arr.indexOf(Math.min.apply(null, arr));
        
        arr.forEach((item, index) => {
            if (item === arr[minIndex]) {
                minIndexArr.push(index);
            }
            if (item === arr[maxIndex]) {
                maxIndexArr.push(index);
            }
        });
        
        if (minIndexArr.indexOf(columnIndex - 1) >= 0) {
            return 'color: #FF3B4B';
        }
        if (maxIndexArr.indexOf(columnIndex - 1) >= 0) {
            return 'color: #138D39';
        }
    },

    踩坑过程:

    方法二代一开始我是这样写的:

    cellStyle ({ row, column, rowIndex, columnIndex } ) {
        let arr = []; // 保存一行数据的数组
        for(let item in row) {
            if (item !== 'people_type') {
                arr.push(Number(row[item]));
            }
        }
        let maxIndex = 0, minIndex = 0,
            minIndexArr = [],maxIndexArr = [];
        
        maxIndex = arr.indexOf(Math.max.apply(null, arr));
        minIndex = arr.indexOf(Math.min.apply(null, arr));
        
        arr.forEach((item, index) => {
            if (item === arr[minIndex]) {
                minIndexArr.push(index);
            }
            if (item === arr[maxIndex]) {
                maxIndexArr.push(index);
            }
        });
        minIndexArr.forEach((item, index) => {
            if (item === minIndex) {
                return 'color: #FF3B4B'; // 这里根本设置不上颜色
            }
        });
        maxIndexArr.forEach((item, index) => {
            if (item === maxIndex) {
                return 'color: #138D39';
            }
        });
    }

    后来知道原因了,foreach里写return会直接跳过此次循环,执行下次循环,而这样写外部函数实际上是没有return的,所以颜色一直设置不上!!!希望大家以后不要踩坑了哦~~

    展开全文
  • Extjs grid设置单元格字体颜色单元格背景颜色,行背景颜色   一.在ColumnModel中用renderer渲染颜色: 1.不定义样式: (1).字体颜色: { header:"审核状态", dataIndex:"status", ...

    Extjs grid设置单元格字体颜色,单元格背景颜色,行背景颜色

     

    一.在ColumnModel中用renderer渲染颜色:

    1.不定义样式:

    (1).字体颜色:

    {
    	header:"审核状态",
    	dataIndex:"status",
    	width:100,
    	renderer:function(v){
    		if(v==1){
    			return "<span style='color:green;'>审核成功</span>";
    		}
    		else if(v==0){
    			return "<span style='color:red;'>等待审核</span>";
    		}
    	}
    }

    图解:



    (2).背景颜色:

    {
    	header:"审核状态",
    	dataIndex:"status",
    	width:100,
    	renderer:function(v){
    		if(v==1){
    			return "<span style='background:green;'>审核成功</span>";
    		}
    		else if(v==0){
    			return "<span style='background:red;'>等待审核</span>";
    		}
    	}
    }

    图解:


     

    2.定义一个样式:

    (1).字体颜色:

    //样式
    .fontColor{
    	color:#FF0000; 
    }
    
    //Extjs
    {
    	header:"审核状态",
    	dataIndex:"status",
    	width:100,
    	renderer:function(v,m){
    		if(v==1){
    			return "审核成功";
    		}
    		else if(v==0){
    			m.css='fontColor'; 
    			return "等待审核";
    		}
    	}
    }

    图解:


     

    (2).背景颜色:

    //css样式:
    .backColor{
    	background: #FF0000;  
    }
    或者
    .backColor{
    	background-color:#FF0000 !important;
    }
    
    //Extjs:
    {
    	header:"审核状态",
    	dataIndex:"status",
    	width:100,
    	renderer:function(v,m){
    		if(v==1){
    			return "审核成功";
    		}
    		else if(v==0){
    			m.css='backColor';        
    			return "等待审核";
    		}
    	}
    }

    注:该方法需要在jsp文件中引入定义了该样式的样式文件

    图解:


     

    二.使用GridView改变颜色(需要定义样式)

    1.字体颜色:

    注:这种方式设置字体颜色有点问题,还未解决。

     

    2.背景颜色:

    //css样式:
    .backColor{
    	background: #C3FF8F;  
    }
    或者
    .backColor{
    	background-color:#C3FF8F !important;
    }
    
    
    //Extjs:
    /*-----1.创建数据源-----*/
    var epStore = new Ext.data.JsonStore({
    	autoLoad: true,
    	url:"getEProject.eva?doType=getAuditProject",
    	root:"data",
    	fields: ["id","xmid","project","company","etype","emode","eagency","status"]
    });
    
    
    /*-----2.创建GridView-----*/
    var epView = new Ext.grid.GridView({
    	getRowClass : function(record, rowIndex){
    		if(record.get('status') == 1){
    			return "backColor";
    		}
    	}
    });
    
    
    /*-----3.创建ColumnModel----*/
    var sm = new Ext.grid.CheckboxSelectionModel();
    var cm = new Ext.grid.ColumnModel({
    	columns:[
    		sm,
    		{
    			header:"编号",
    			dataIndex:"id",
    			hidden:true
    		},{
    			header:"项目名称",
    			dataIndex:"project",
    			width:150,
    			sortable:true
    		},
    		......
    		{
    			header:"审核状态",
    			dataIndex:"status",
    			width:100,
    			renderer:function(v){
    				if(v==1){
    					return "审核成功";
    				}
    				else if(v==0){
    					return "等待审核";
    				}
    			}
    		}
    	]
    });
    
    
    /*-----4.创建GridPanel----*/
    var grid = new Ext.grid.GridPanel({
    	store:epStore,
    	cm:cm,
    	sm:sm,
    	view: epView,
    	loadMask:{msg:'正在加载数据,请稍侯……'},  
    	height:80,
    	tbar:[
    		......
    	],
    	bbar: new Ext.PagingToolbar({
            pageSize: pageSize,
            store: epStore,
            displayInfo: true,
            displayMsg: '当前显示 {0} - {1} ,共{2}条记录',
            emptyMsg: "没有数据",
            items: ['-']
        })
    });
    注:

    1.用GridView中的getRowClass方法来实现颜色的渲染,status是在Store中定义的字段

    2.要记得在GridPanel中加入view属性的定义!

    图示:

     

     

     

     

    展开全文
  • 如何判断某个单位格的值,按条件来设置该单位格字体颜色或者单元格背景颜色
  • 近半年的开发中都在和导入导出打交道,涉及到导出那自然避免不了一些单元格的合并、设置单元格背景色、设置单元格边框颜色设置字体颜色、字体是否加粗等问题。因此想要总结一下,也让以后遇到类此问题可以方便查看...
  • 在JS中给单元格设置颜色

    千次阅读 2009-06-02 18:33:06
    由于项目主样式限定不可给行设定样式,所以只能一个个单元格设置   .t1 {background-color:#ffff66} //样式定义.t11 {background-color:#ffff99} var obj_Continued = document.all('oContinued_job');var d1 ...
  • 为TABLE的单元格设置颜色

    千次阅读 2009-12-19 00:04:00
    新增单据时,与系统数据比对,不存在相关数据给出提示,存在则系统中数据显示,并匹配的数据着色显示有TABLE中.1.在CONTEXT中新建一节点S_LIVE,保存新增单据.2.在CONTEXT中新建一节点PLAY_LIVE,供LAYOUT中的TABLE...
  • html设置单元格背景颜色

    万次阅读 2017-05-19 07:25:34
    设置单元格背景颜色 成绩单 姓名 语文 数序 英语 物理 化学 李 94 89 87 56 97 孙 94 87 84 86 87 王 82 84 87 ...
  • html设置单元格边框颜色

    万次阅读 2017-05-19 07:38:21
    设置单元格边框颜色 考试成绩 姓名 语文 数学 英语 物理 化学 李 94 89 87 56 97 孙 94 87 84 86 87 王 82 84 87 ...
  • java使用poi如何给单个单元格设置背景颜色,我已做过判断行和列都不行,都会是整个excel表格都有背景颜色,求好心人解答呀
  • DevGridControl单元格背景色和单元格文字颜色设置

    万次阅读 多人点赞 2015-04-15 15:46:02
    1.拖一个gridControl...2.添加三列 分别是 BgColor,BgColor2 , FontColor 分别显示单元格颜色 单元格渐变颜色 单元格字体颜色 public partial class Form1 : Form { public Form1() { InitializeCompone
  • 这里仅总结 poi 4.0.0设置单元格背景颜色 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>4.0.0</version> </dependency...
  • DEV Express gridview设置单元格颜色 设置奇偶行颜色 1.RowCellStyle事件 private void gridView1_RowCellStyle(objectsender, DevExpress.XtraGrid.Views.Grid.RowCellStyleEventArgs e) { if (e.RowHandle == 2 &...
  • 首先sheet1所有内容鼠标拖动选择,右键点击选择“设置单元格格式”--边框--在中间的虚框上横线和竖线各点一下,确定,然后依次复制第3行粘贴到45行,同样第6行和9 12行的操作和前面同样即可。附件:abc(2).xls 在...
  • xlwt设置单元格背景颜色

    万次阅读 2018-05-28 15:27:18
    我们在进行python excel写入的时候,常常会简单的设置一下写入样式,下面是我在写excel的时候对单元格的背景色设置的代码demofrom xlwt import * def excel_write(data_list): book = Workbook(encoding='utf-8') ...
  • Markdown表格—合并单元格—设置单元格颜色

    万次阅读 多人点赞 2018-07-07 22:01:52
    Markdown表格设计 &nbsp;&nbsp;&nbsp;&nbsp;...~~~~~~~我之前做表格遇到一些问题,特别是两个小...但是多个表格合并和想要分割线却没有,只好用颜色代替了。但是Markdown本身不提供单元格合并语法,好
  • ListCtrl设置单元格颜色

    热门讨论 2010-07-26 09:29:41
    可以设置每个单元格颜色,非常好用,并能更改单元格状态
  • 最好不要在table里面直接设置宽度,高度等,在style里面添加设置,就不会出现无效问题,代码直接拷贝到body中间即可使用,下面有个示例,大家可以参考下
  • PaintEnhancedSelection = false; 设置DefaultCellStyle 淘宝小店:给个关注
  • HTML中设置表格单元格颜色的方法:1、给td标签设置bgcolor属性,语法;2、使用background-color属性,语法“”。本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。1、使用HTML bgcolor 属性...
  • openpyxl 设置单元格颜色

    千次阅读 2019-10-06 23:19:01
    在处理excel数据格式的时候,需要对特定单元格进行颜色标注,方便相关人员查看 醒目 # -*- coding: utf-8 -*- from openpyxl import load_workbook, Workbook# 导入字体、边框、颜色以及对齐方式相关库from ...
  • easyExcel设置单个单元格(颜色)样式

    万次阅读 2019-07-26 19:01:32
    背景:需求是使用excel设置目标单元格的样式(颜色),但我之前没有学过easyExcel,在网上找资料的时候,发现有关easyExcel相关的单个单元格样式设置的资料比较少,有的还源码不全,只能说用来参考。我的代码很多一...
  • JTable设置单个单元格颜色 今天在写JavaGUI时,想给表格的单个单元格填充颜色,找了好久 好像并没有看到很明确的方法,为了设置单个单元格的颜色,需要重载jTable对象中的prepareRenderer函数,根据单元格的行号和列...
  • 1、当前段落设置背景颜色 实现代码: Aspose.Words.Document doc = new Document();//新建一个空白的文档 Aspose.Words.DocumentBuilder builder = new Aspose.Words.DocumentBuilder(doc); builder....
  • html表格单元格设置背景颜色

    千次阅读 2016-11-20 10:45:00
    转载于:https://www.cnblogs.com/wangjian8888/p/6082212.html

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 63,545
精华内容 25,418
关键字:

如何将单元格设置颜色