有哪位大神知道怎样用js动态设置bootstrap table的列样式cellStyle
$(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(),但是颜色改变不了,哪位大神知道问题出在哪了
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实现单击单元格可编辑功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Bootstrap Table Editable JS:动态可编辑表格插件
在现代的网页开发中,数据的展示和管理是一个重要环节。表格作为一种直观、高效的数据展示形式,被广泛应用于各种Web页面。然而,传统的HTML表格功能简单,无法满足复杂的数据交互和管理需求。因此,开发者们往往需要引入JavaScript库来增强表格功能,其中Bootstrap表格插件因其简洁的代码、强大的功能和良好的兼容性而受到广大开发者的青睐。Bootstrap表格插件基于流行的Bootstrap框架开发,该框架为开发者提供了丰富的界面组件和工具,极大地简化了响应式网页设计的过程。
国央企在推动科技创新时,如何利用技术交易系统实现全流程闭环管理?.docx
国央企在推动科技创新时,如何利用技术交易系统实现全流程闭环管理?
高校技术转移办公室人员如何提升技术成果的推介效率?.docx
科易网基于AI模型+行业大数据,在技术转移、成果转化、技术经纪、知识产权、产业创新、科技招商等垂直领域的多样化应用场景,推出科技创新领域的AI+工具与数智化解决方案,推动科技创新与产业创新智能化发展。
机械三维3D设计图-自动引孔锁螺丝设备.zip
机械三维3D设计图-自动引孔锁螺丝设备.zip


