1、根据单元格或者行内其他单元格的内容,给该单元格设置一定的css样式

columns: [{

field: 'index',

title: '序号',

align:"center",

formatter:function(value, row, index){

return index+1;

},

cellStyle:{

css:{"background-color":"red"}

}

}]

这样的代码可以将序号这个单元格的背景色改成红色,可以发现无非是给这个json加上一个cellStyle,其内容又是一个json对象,里面对应着key-value形式的数据,从而改变单元格的样式。

那如何根据其数据内容来改变这个样式呢,参考上面的formatter的方法,我们可以将cellStyle部分这样改动一下。

cellStyle:function(value,row,index){

if (value==1){

return {css:{"background-color":"red"}}

}else{

return {css:{"background-color":"green"}}

}

}

根据value(该单元格的值),row(该行的数据对象),index(= =就是简单的表示该列表的第几个,从0开始)这三个属性就行条件的判定,只要依旧返回json对象就好了,多个css之间用逗号隔开就行。

2、根据单元格或者行内其他单元格的内容,给该单元格设置一定的css样式

与刚才的方式类似,只不过这次并不是加在colums内的json数组里,而是和colums平级放置,代码如下:

rowStyle:function(row,index){

if (index==1){

return {css:{"background-color":"red"}}

}else{

return {css:{"background-color":"green"}}

}

},

columns: [...]

cellStyle可以针对单个单元格的

value进行样式的设置,rowStyle虽然也可以加入value参数,但是好像没什么意义。

POI设置excle单元格样式

Java利用POI生成Excel强制换行 使用POI创建一个简单的   myXls.xls   文件       常用的包为   org.apache.poi.hssf.usermodel.*;    ...

POI HSSFCellStyle 设置 Excel 单元格样式

POI中可能会用到一些需要设置EXCEL单元格格式的操作小结: 先获取工作薄对象: HSSFWorkbook wb = new HSSFWorkbook(); HSSFSheet sheet = wb ...

EXCEL设置选中单元格样式

你想这样啊,试试这段代码看行不:右键工作表名称--查看代码,在空白处粘贴就可以 Private Sub Worksheet_SelectionChange(ByVal Target As Range) ...

【POI xlsx】使用POI对xlsx的单元格样式进行设置 / 使用POI对xlsx的字体进行设置

涉及到的样式都在代码中有说明: package com.it.poiTest; import java.io.FileNotFoundException; import java.io.FileOut ...

用NPOI创建Excel、合并单元格、设置单元格样式、边框的方法

本篇文章小编为大家介绍,用NPOI创建Excel.合并单元格.设置单元格样式.边框的方法.需要的朋友参考下 今天在做项目中,遇到使用代码生成具有一定样式的Excel,找了很多资料,最后终于解决了,Ex ...

创建excel,合并单元格,设置单元格样式

package com.huawei.excel; import java.io.File;import java.io.FileOutputStream;import java.util.Date; ...

NPOI 生成Excel (单元格合并、设置单元格样式:字段,颜色、设置单元格为下拉框并限制输入值、设置单元格只能输入数字等)

NPIO源码地址:https://github.com/tonyqus/npoi NPIO使用参考:源码中的 NPOITest项目 下面代码包括: 1.包含多个Sheet的Excel 2.单元格合并 ...

设置table表格的单元格间距两种方式

table表格里设置单元格td之间的间距,通常用cellspacing设置单元格间距,有时候该属性可能无效,或需要用其他方式时,可用其他方式实现,例如在背景是白色背景的时候,设置单元格td的borde ...

poi的各种单元格样式以及一些常用的配置

之前我做过一个poi到处excel数据的博客,但是,后面使用起来发现,导出的数据单元格样式都不对. 很多没有居中对齐,很多单元格的格式不对,还有就是单元格的大小不对,导致数据显示异常,虽然功能可以使用 ...

随机推荐

linux下gedit读取txt乱码解决办法

修改一下gedit的设置来让它显示的txt不再是乱码: 你可以通过以下步骤,使 gedit 正确显示中文编码文件. 按下 Alt-F2,打开“运行应用程序”对话框.在文本框中键入“gconf-edit ...

Android手机自动化测试真机运行

一,    打开手机的USB调试模式 不同的手机有不同的方法打开usb调试模式,可是去网上查一下你手机的调试模式打开办法(http://wenku.baidu.com/view/3077f06c25c ...

HDU 3729 二分匹配 反向匹配

题意: 给定 n个学生 说的 自己 考试排名的 可能范围 确定最多几个人说真话 如果有多种答案,输出字典序最大的那种( 要求字典序最大,所以solve中从最大字典序开始匹配) 思路: 题目给定  点 ...

bzoj 1814 Ural 1519 Formula 1 插头DP

1814: Ural 1519 Formula 1 Time Limit: 1 Sec  Memory Limit: 64 MBSubmit: 942  Solved: 356[Submit][Sta ...

bzoj2253 纸箱堆叠

题目链接 题意 求三元组的严格上升子序列 思路 先考虑暴力\(dp\)一下 for(int i = 1;i <= n;++i) for(int j = 1;j < i;++j) if(x[ ...

Oracle错误——ORA-39000&colon;转储文件说明错误、ORA-39001&colon;参数值无效、ORA-39088&colon;文件名不能包含路径说明

错误 在使用数据泵导入文件时,报错如下 Next 出错原因 在使用参数DUMPFILE指定文件名称时,不能包含路径信息,只可以使用文件名称 Next 解决办法 在使用数据泵进行数据导入导出前,必须要创 ...

HDU - 1160 FatMouse&&num;39&semi;s Speed 动态规划LIS&comma;路径还原与nlogn优化

HDU - 1160 给一些老鼠的体重和速度 要求对老鼠进行重排列,并找出一个最长的子序列,体重严格递增,速度严格递减 并输出一种方案 原题等于定义一个偏序关系 $(a,b)

TestNG 框架的运用

TestNG这个测试框架可以很好的和基于Selenium的web自动化测试结合在一起,实现把我们写好的自动化测试用例以自定义顺序执行.下面分为十二步来对TestNG测试框架进行总结,包括环境的部署,从 ...

Python学习笔记第二十六周(Django补充)

一.基于jQuery的ajax实现(最底层方法:$.jax()) $.ajax( url: type:''POST“ ) $.get(url,[data],[callback],[type])  #c ...

CSS设置表格行列,给bootstrap table设置行列单元格样式相关推荐

  1. html 拖拽选择表格,JS拖动选择table里的单元格完整实例【基于jQuery】

    本文实例讲述了JS拖动选择table里的单元格.分享给大家供大家参考,具体如下: 用JS 实现类似Excel里面动态选择单元格的例子,从网上得到的例子,先记录在这里,以后参考用. www.jb51.n ...

  2. java设置表格列不可修改_Java DefaultTableModel使单元格不可编辑JTable

    参见英文答案 > How to make a JTable non-editable                                    7个 我有一个JAVA项目,并希望使用 ...

  3. EduCoder-Web程序设计基础-html5-表格基本结构-第4关:表格中单元格样式的设置

    目录 任务描述 相关知识 编程要求 测试说明 代码示例 任务描述 本关任务:编写一个两行两列的表格网页,表格中的单元格样式进行设置.效果如下图所示: 表格效果3 相关知识 为了完成本关任务,你需要掌握 ...

  4. html5合并单元格边框线,table边框表头单元格空间合并等设置,

    table边框表头单元格空间合并等设置, 表格由 标签定义).字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本.图片.列表.段落.表单.水平线.表格等等. 1 ...

  5. apache的poi中设置Excel的单元格样式(HSSFCellStyle)和表格(HSSFSheet)

    项目中导入一下依赖Jar包 <!--Excel文件下载依赖--> <dependency><groupId>org.apache.poi</groupId&g ...

  6. openpyxl处理考勤表格:单元格样式设置和写入(python一键完成)

    问题:有位从事行政工作的朋友问我,能不能用python帮忙处理一个表格,表格大致内容如下. 表中每位员工的考勤总共有四种状态:出勤.迟到.请假和旷工,现在需要给不同考勤状态所在单元格设置不同样式,出勤 ...

  7. 在html中设置表格为双线,Word怎么设置表格外框线为红色双线?

    回答: 首先,打开Word文档,将需要调整的表格整体选中,如下图所示. 请点击输入图片描述 接着,打开"设计"菜单,点击菜单栏右侧的"笔颜色"选项,然后根据自己 ...

  8. 总结Python设置Excel单元格样式的一切,比官方文档还详细。

    Python对Excel表格处理非常方便,本文专门对Excel单元格样式设置进行总结,日常用到的设置基本都可以用openpyxl库完成. 创建一个表格 openpyxl是第三方库,如果你还没有安装,输 ...

  9. 总结Python设置Excel单元格样式的一切,比官方文档还详细

    总结Python设置Excel单元格样式的一切,比官方文档还详细 Python对Excel表格处理非常方便,本文专门对Excel单元格样式设置进行总结,日常用到的设置基本都可以用openpyxl库完成 ...

最新文章

  1. 前端token刷新并发处理
  2. 【JavaScript框架封装】实现一个类似于JQuery的缓存框架的封装
  3. MySQL记住密码_技术分享 | mysqlsh 命令行模式 密码保存
  4. hp服务器raid制作,HP服务器建立RAID的两种方法
  5. access数据库为什么一直登陆_为什么要养成用Access数据库保存数据的习惯?
  6. Odoo10教程---模块化一:新建一个模块及基本视图
  7. practical of programming 第二章 java的quick sort
  8. 苹果iPhone 6Plus 拆机过程,拆机图完全拆机流程及注意事项
  9. 新手必备的15款渲染器,超级干货不要错过
  10. Linux嵌入式和单片机嵌入式到底什么区别?
  11. 可见光通信系统的调制效率
  12. 千岛湖自助游记--给力
  13. [USACO18JAN]Lifeguards P 洛谷黑题,单调队列优化DP
  14. BUUNCTF Hack World
  15. Windows下LaTex转为Word
  16. Map之containsKey()
  17. 心脏骤停患者数据统计系统
  18. SpringBoot 优雅的读取yml(yml规范篇)
  19. SQLServer数据库镜像配置
  20. 坯子库怎么导入插件_SketchUp坯子库管理器 坯子插件库免费版v2019.4.0 - 云骑士一键重装系统...

热门文章

  1. 分油问题回朔法c语言算法,用回溯法求“韩信分油”问题所有解
  2. ps-ef命令linux,【Linux】- ps -ef |grep 命令
  3. Cannot connect to the Maven process.Try again later.If the problem persists...
  4. 百万“悬赏” | 2022光合组织AI解决方案大赛Wanted You!
  5. ping命令 ——测试主机间网络连通性
  6. Google MapReduce论文中文版
  7. python bmp转jpg_python bmp转换为jpg 并删除原图
  8. PS 一键生成Android各个尺寸的图标
  9. springboot连接数据库用户名密码加密
  10. TF卡/SD卡 异常问题,识别不了