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

菜鸟大马 菜鸟大马 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
$(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(),但是颜色改变不了,哪位大神知道问题出在哪了
...全文

相关推荐

bootstrap table实现单击单元格可编辑功能

主要为大家详细介绍了bootstrap table实现单击单元格可编辑功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

weixin_38685793

Bootstrap Table Editable JS:动态可编辑表格插件

在现代的网页开发中,数据的展示和管理是一个重要环节。表格作为一种直观、高效的数据展示形式,被广泛应用于各种Web页面。然而,传统的HTML表格功能简单,无法满足复杂的数据交互和管理需求。因此,开发者们往往需要引入JavaScript库来增强表格功能,其中Bootstrap表格插件因其简洁的代码、强大的功能和良好的兼容性而受到广大开发者的青睐。Bootstrap表格插件基于流行的Bootstrap框架开发,该框架为开发者提供了丰富的界面组件和工具,极大地简化了响应式网页设计的过程。

叶宇霖

科技中介服务机构想要提升服务效率,需要哪些数智工具支持?.docx

科技中介服务机构想要提升服务效率,需要哪些数智工具支持?

BIZKEEN

usb 扩容盘检测修复工具源码,编译产物

usb 扩容盘检测修复工具源码,编译产物

nLif

融合UWB和IMU割草机定位EKF研究(Matlab代码实现)

内容概要:本文主要介绍了一个名为“Plecs全桥LLC谐振变换器仿真模型”的技术资源,该资源聚焦于电力电子领域中的LLC谐振变换器建模与仿真,涵盖开环、闭环控制、软启动设计及参数优化等核心内容。文档不仅提供了LLC变换器的详细建模方法与仿真案例,还系统梳理了其在高效电源转换系统中的应用,包括隔离型全桥拓扑结构的设计与性能分析。此外,资源汇总了大量Matlab/Simulink仿真模型及相关科研方向,涉及新能源并网、储能控制、电机驱动等多个前沿领域,全面展示LLC谐振变换器在现代电力系统中的关键技术实现路径。同时,文档附带多种学习资料获取途径,如网盘链接和公众号资源,便于研究人员深入实践与拓展研究。; 适合人群:具备扎实的电力电子、自动控制理论基础,从事新能源发电、开关电源设计、电力系统仿真等相关领域的研究生、工程师及科研人员。; 使用场景及目标:①深入理解LLC谐振变换器的工作原理、建模方法与控制策略;②开展电力电子变换器的仿真验证与参数优化设计;③支撑科研项目、学位论文或工程项目的系统仿真与方案验证; 阅读建议:建议结合所提供的仿真模型与参考文献,使用Plecs或Simulink软件进行动手实践,重点掌握LLC谐振变换器的建模流程、闭环控制设计、软启动机制及参数调试技巧,以全面提升在实际工程中的应用与创新能力。

荔枝科研社
评论 7
收藏 已收藏
分享
返回顶部
菜鸟大马
JavaScript 87,983 成员 224,680 内容