【问题标题】:Is there any way to change the color of column in JQgrid?有什么方法可以改变 JQgrid 中列的颜色吗?
【发布时间】:2016-03-28 10:41:57
【问题描述】:

我想改变 JQgrid 中一列的颜色。我一直在 jqgrid 中的某些条件下更改一行的颜色,但现在我想更改 jqgrid 的一个完整列的颜色。我已经搜索过,但我没有找到任何关于此的信息?如果有任何方法或任何问题,请参考我。

例如:JQgrid中有3行(UserId,Username,Cnic) 应该更改 USerid 整个列的颜色。

【问题讨论】:

  • 谢谢@Oleg。等待你的答复。是的,这可能会有所帮助。但是有没有办法改变完整的列颜色。我明确知道我想改变颜色的列。我可以通过逐个单元格地更改颜色来做到这一点,但我想知道没有逐个单元格的颜色。
  • 不客气!对不起,但我不完全理解逻辑。您有一些数据或数据页(无论您是否从服务器加载数据以及是否使用loadonce: true 从服务器加载所有行一次,您都没有发布任何详细信息,或不)。现在您编写要设置 whole column 列的列。 HTML表格不能设置列的颜色:只能设置单元格的颜色或行的颜色。您仍然可以使用colModel 项目的classes 属性为列中的所有单元格 设置类。可能你需要选择方式,但是什么时候你应该设置它?
  • 您应该发布有关您的方案的更多详细信息。如果您从服务器加载数据,那么您可以使用beforeProcessing 回调来分析从服务器返回的数据,并从指定列中设置或删除classes 属性,例如setColProp。您使用哪个版本的 jqGrid? jqGrid 的哪个分支(free jqGridGuriddo jqGrid JS 或版本 setCell 效果较差(对于大型网格来说非常缓慢)。
  • @Oleg 我只想知道更改列的整个颜色,现在我得到了答案“HTML 表格无法设置列的颜色:只有单元格的颜色或行的颜色.".感谢您的回复。

标签: jquery jqgrid


【解决方案1】:

也许这会有所帮助,但如果没有代码,很难准确地确定您需要什么:How to change the color of jqGrid cell?

【讨论】:

  • 感谢回复。这将改变特定单元格的颜色。这可能会有所帮助,但我想更改一列的完整颜色。
  • 最好的办法是浏览可用的方法,看看你可以使用什么:trirand.com/jqgridwiki/doku.php?id=wiki:methods 你也可以尝试在 for 循环中使用setCell();,在这里你选择你想要的列想要,并为该列的每个单元格迭代颜色变化。
【解决方案2】:

如果你想改变整列的颜色,那么你最好使用列的classes属性,如果你使用我的jqGrid分支(free jqGrid)可选labelClasses ) 并且您想另外更改列标题的列。

正确定义classes / labelClasses 中使用的类的 CSS 规则非常重要。如果你需要设置background-color,那么你应该另外设置background-image: none;来移除继承自jQuery UI类的背景图片。

或者,您可以在列中使用cellattr 回调在列中的所有单元格上设置classstyle 属性。详情请见the answer

需要注意的是,没有办法在 HTML <table> 的列上设置一些 CSS 属性。只能在行 (<tr>) 或单元格 (<td>) 上设置属性。一般来说,可以使用colcolgroup,但它的可能性非常有限,并且可能性取决于使用的HTML 版本和来自网络浏览器。所有使用它的尝试实际上都失败了,jqGrid 没有使用这种可能性。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-01-10
    • 2017-01-10
    • 1970-01-01
    • 1970-01-01
    • 2020-02-27
    • 2011-02-12
    • 1970-01-01
    相关资源
    最近更新 更多