jquery-ui – 如何更改jqGrid单元格的颜色?

前端之家收集整理的这篇文章主要介绍了jquery-ui – 如何更改jqGrid单元格的颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在$(document).ready(
$("#stSearchTermsGrid").setCell(2,2,'',{color:'red'}) ;

但它不行。我是用错误的方式写的,还是放在错误的地方。

我知道这个问题已经不止一次被问到,这是我如何获得第一线。但是我仍然不能做,不知道问题在哪里。

解决方法

你是对的,你不是第一个提问的人。要清除我使用的单元格颜色的情况 the demo

对于您,以不同的方式更改单元格的文本颜色或卖方的背景颜色:

loadComplete: function() {
    // 2 is zero-base index of the column 'name' ('Client'). Every from the options
    // multiselect:true,rownumbers:true and subGrid:true will increase
    // the index by 1 because the option inserts additional columns
    $("#6 td:eq(2)",grid[0]).css({color:'red'});

    grid.jqGrid('setCell',"12","name","",{color:'red'});
    grid.jqGrid('setCell',"10",'name','my-highlight');
    grid.jqGrid('setCell',"8",'ui-state-error ui-state-error-text');

    grid.jqGrid('setCell',"4",{'background-color':'yellow','background-image':'none'});
    grid.jqGrid('setCell',"3",'ui-state-highlight');
}

哪里

<style type="text/css">
    .my-highlight { color: red; }
</style>

和“3”,“4”,“6”,“8”,“10”和“12”是相应列的颜色将被改变的行的rowid。

顺便说一下,我个人最喜欢的是使用“ui-state-highlight”或“ui-state-error ui-state-error-text”课程的方式,这是jQuery UI Themes的一部分。

更新:要了解使用不同方法的区别,在使用另一个jQuery UI主题的情况下,我添加one more demo使用的La Frog主题与上述相同的表格如下所示:

原文链接:https://www.f2er.com/jquery/181755.html

猜你在找的jQuery相关文章