有哪位大神知道怎样用js动态设置bootstrap table的列样式cellStyle

菜鸟大马 2017-03-10 11:35:35
$(function(){
ininTable();
})
function ininTable(){
for(var i=0;i<icols; i++){
var typeObj = {title:cols[i],field:fields[i],align:'center',valign:'middle'};
if(i==16 || i== 17){
typeObj.cellStyle = lateStyle;
}
ocol.push(typeObj);
}
var data = [
{
latenum:10,//迟到次数
earlynum:3,//早退此时
muchworknum:5,//加班次数
leavenum:6,//请假次数
busynum:5,//出差次数
absentnum:7,//旷工次数
cardnum:0,//补卡次数
uncardnum:5,//未刷卡次数
}
]
$table.bootstrapTable({
data:data,
height: itableHeight,
dataType: "json",
columns: ocol,
pagination: true, //分页
singleSelect: false,
cache: false,
striped: true,
locale:"zh-US", //表格汉化
pageSize: 10,
showColumns:true,
minimumCountColumns:2,
sidePagination: "server", //服务端处理分页
queryParamsType: "",//修改默认参数传递方式
responseHandler:onresponseHandler,//每次从服务器请求数据后触发的事件。
queryParams: GetUserQuery, //给出分页查询参数
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
method:"POST",
});
}
//表格列样式定义,是给单元格td加样式
var lateCo= "black",lateBgCo="#00FF00";//迟到颜色
function lateStyle(value,row,index){
if(row.latenum > 0){
return {
css:{
"color":lateCo,
"background-color":lateBgCo,
}
}
}
return {};
}
一开始页面加载就可以设置列颜色,然后我动态改变lateCo和lateBgCo的颜色值,此时重新运行初始化表格函数 ininTable(),但是颜色改变不了,哪位大神知道问题出在哪了
...全文
3718 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
菜鸟大马 2018-01-13
  • 打赏
  • 举报
回复
不好意思,很少登录账号。我是将列颜色值设置为全局变量,修改为自己所需要的颜色后,直接用一下方法刷新一遍表格即可 $table.bootstrapTable("refresh", { url: "表格数据接口" });
旺枝 2017-11-16
  • 打赏
  • 举报
回复
引用 5 楼 m0_37991778 的回复:
[quote=引用 4 楼 GHY_H5 的回复:] 是不是因为{}包含了return 报错classes的原因
我也是发现这个问题,还找不到解决方法[/quote] 刚测试,return空样式的时候必须是个对象如 return {},不然就会报这个错
旺枝 2017-11-16
  • 打赏
  • 举报
回复
引用 4 楼 GHY_H5 的回复:
是不是因为{}包含了return 报错classes的原因
我也是发现这个问题,还找不到解决方法
GHY_H5 2017-09-18
  • 打赏
  • 举报
回复
怎么解决了,楼主
GHY_H5 2017-09-18
  • 打赏
  • 举报
回复
是不是因为{}包含了return 报错classes的原因
酱油和天下 2017-07-06
  • 打赏
  • 举报
回复
引用 1 楼 maxuanling 的回复:
不会意思,刚发布完,就突然想到解决方法了,谢谢
怎么解决的,我也遇到了这个问题,大神求解
菜鸟大马 2017-03-10
  • 打赏
  • 举报
回复
不会意思,刚发布完,就突然想到解决方法了,谢谢
已经博主授权,源码转载自 https://pan.quark.cn/s/6cfea8426862 内存辅助教程是一项专为初学者设计的课程,其目的是协助那些对计算机内存管理缺乏了解的学员构建起必要的基础知识。内存管理是计算机科学中的一个核心概念,对于深入理解和优化程序运行表现具有决定性作用。在此教程中,我们将系统性地研究内存的运行原理,探讨内存的分配与释放方法,以及借助内存辅助工具来增强程序运行效率。我们需要明确内存的定义。内存,亦称为RAM(随机存取存储器),是计算机用于临时存储数据与程序的关键组件。当CPU执行工作负载时,它必须迅速获取这些信息,而内存正是提供这种快速存取途径的设施。内存的存储容量及其传输速度直接决定了计算机处理数据的效率。在编程领域,内存管理主要包含两大方面:内存的分配与内存的释放。内存分配指的是为变量或数据结构在内存中预留空间的过程,而内存释放则是将已不再被使用的内存空间归还给操作系统,以此来防止内存资源的泄漏。不当的内存管理可能引发程序运行中断或性能降低的问题。本教程或许会涉及以下几个关键的学习要点:1. **内存种类**:熟悉不同种类的内存,例如栈内存、堆内存以及静态内存各自的特性。栈内存主要用于存放自动变量,其管理由编译器自动完成;堆内存则要求程序员自行进行分配和释放操作;静态内存是在程序编译阶段就已经被分配好的。2. **内存的分配与释放**:掌握运用C++中的`new`与`delete`,或是C语言中的`malloc`和`free`来实现动态内存的分配和释放。同时,需理解内存泄漏的概念及其可能带来的风险。3. **内存辅助工具**:介绍用于内存调试的实用工具,比如Valgrind,它能够帮助检测内存泄漏、未初始化的内存访问等异常情况,以及性...

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧