CSS设置表格行列,给bootstrap table设置行列单元格样式
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:转储文件说明错误、ORA-39001:参数值无效、ORA-39088:文件名不能包含路径说明
错误 在使用数据泵导入文件时,报错如下 Next 出错原因 在使用参数DUMPFILE指定文件名称时,不能包含路径信息,只可以使用文件名称 Next 解决办法 在使用数据泵进行数据导入导出前,必须要创 ...
HDU - 1160 FatMouse&#39;s Speed 动态规划LIS,路径还原与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设置行列单元格样式相关推荐
- html 拖拽选择表格,JS拖动选择table里的单元格完整实例【基于jQuery】
本文实例讲述了JS拖动选择table里的单元格.分享给大家供大家参考,具体如下: 用JS 实现类似Excel里面动态选择单元格的例子,从网上得到的例子,先记录在这里,以后参考用. www.jb51.n ...
- java设置表格列不可修改_Java DefaultTableModel使单元格不可编辑JTable
参见英文答案 > How to make a JTable non-editable 7个 我有一个JAVA项目,并希望使用 ...
- EduCoder-Web程序设计基础-html5-表格基本结构-第4关:表格中单元格样式的设置
目录 任务描述 相关知识 编程要求 测试说明 代码示例 任务描述 本关任务:编写一个两行两列的表格网页,表格中的单元格样式进行设置.效果如下图所示: 表格效果3 相关知识 为了完成本关任务,你需要掌握 ...
- html5合并单元格边框线,table边框表头单元格空间合并等设置,
table边框表头单元格空间合并等设置, 表格由 标签定义).字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本.图片.列表.段落.表单.水平线.表格等等. 1 ...
- apache的poi中设置Excel的单元格样式(HSSFCellStyle)和表格(HSSFSheet)
项目中导入一下依赖Jar包 <!--Excel文件下载依赖--> <dependency><groupId>org.apache.poi</groupId&g ...
- openpyxl处理考勤表格:单元格样式设置和写入(python一键完成)
问题:有位从事行政工作的朋友问我,能不能用python帮忙处理一个表格,表格大致内容如下. 表中每位员工的考勤总共有四种状态:出勤.迟到.请假和旷工,现在需要给不同考勤状态所在单元格设置不同样式,出勤 ...
- 在html中设置表格为双线,Word怎么设置表格外框线为红色双线?
回答: 首先,打开Word文档,将需要调整的表格整体选中,如下图所示. 请点击输入图片描述 接着,打开"设计"菜单,点击菜单栏右侧的"笔颜色"选项,然后根据自己 ...
- 总结Python设置Excel单元格样式的一切,比官方文档还详细。
Python对Excel表格处理非常方便,本文专门对Excel单元格样式设置进行总结,日常用到的设置基本都可以用openpyxl库完成. 创建一个表格 openpyxl是第三方库,如果你还没有安装,输 ...
- 总结Python设置Excel单元格样式的一切,比官方文档还详细
总结Python设置Excel单元格样式的一切,比官方文档还详细 Python对Excel表格处理非常方便,本文专门对Excel单元格样式设置进行总结,日常用到的设置基本都可以用openpyxl库完成 ...
最新文章
- 前端token刷新并发处理
- 【JavaScript框架封装】实现一个类似于JQuery的缓存框架的封装
- MySQL记住密码_技术分享 | mysqlsh 命令行模式 密码保存
- hp服务器raid制作,HP服务器建立RAID的两种方法
- access数据库为什么一直登陆_为什么要养成用Access数据库保存数据的习惯?
- Odoo10教程---模块化一:新建一个模块及基本视图
- practical of programming 第二章 java的quick sort
- 苹果iPhone 6Plus 拆机过程,拆机图完全拆机流程及注意事项
- 新手必备的15款渲染器,超级干货不要错过
- Linux嵌入式和单片机嵌入式到底什么区别?
- 可见光通信系统的调制效率
- 千岛湖自助游记--给力
- [USACO18JAN]Lifeguards P 洛谷黑题,单调队列优化DP
- BUUNCTF Hack World
- Windows下LaTex转为Word
- Map之containsKey()
- 心脏骤停患者数据统计系统
- SpringBoot 优雅的读取yml(yml规范篇)
- SQLServer数据库镜像配置
- 坯子库怎么导入插件_SketchUp坯子库管理器 坯子插件库免费版v2019.4.0 - 云骑士一键重装系统...
热门文章
- 分油问题回朔法c语言算法,用回溯法求“韩信分油”问题所有解
- ps-ef命令linux,【Linux】- ps -ef |grep 命令
- Cannot connect to the Maven process.Try again later.If the problem persists...
- 百万“悬赏” | 2022光合组织AI解决方案大赛Wanted You!
- ping命令 ——测试主机间网络连通性
- Google MapReduce论文中文版
- python bmp转jpg_python bmp转换为jpg 并删除原图
- PS 一键生成Android各个尺寸的图标
- springboot连接数据库用户名密码加密
- TF卡/SD卡 异常问题,识别不了