问题标签 [zebra-striping]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
5391 浏览

jquery - jqGrid斑马条纹

jqGrid 是否支持斑马条纹?我看不到任何例子。

通过斑马条纹,我的意思是每个偶数行都有一种颜色,每个奇数行都有另一种颜色。

目前我们正在使用 JQuery UI 主题来为我们的网格设置主题。理想情况下,我们进行条带化的方式不会干扰我们使用 UI 主题

0 投票
1 回答
687 浏览

jquery - 使用 jQuery 对 ajax 表进行条带化

对于我使用的普通 html 表

用于剥离表。但显然这不适用于ajax。每个新表行的索引都是“-1”,因此每个新行都会获得该类。

甚至来自http://brandonaaron.net的 Live Query-Plugin也帮不了我。有什么建议么?

0 投票
1 回答
987 浏览

jquery - jqGrid - 单击行删除 altclass 和 hoverrows

我们将 jqGrid 与altclassset 和 with 一起使用hoverrows:true。当您单击一行时,altclass不再应用该类,并且悬停效果不再适用于单击的行。你怎么能阻止这种情况发生?

0 投票
2 回答
1482 浏览

asp.net - 如何对使用 jquery tablesorter 的 gridview 进行斑马条纹处理?

我有一个使用 tablesorter 的 asp.net GridView:

如何在重新分类时应用重新条纹的斑马条纹?

编辑:正如@Chetan Sastry 指出的那样,它很简单:

0 投票
4 回答
26234 浏览

css - 由于 UI 主题类,jqGrid 斑马/alt 行背景无法正常工作

我们不能让斑马条纹在 jqGrid 中工作。

我们使用altclass 和 altRowsui-widget-content - 问题是JQuery UI 中的类似乎有一个background设置覆盖了我们的 altclass 的background设置。有任何想法吗?


更新:以下两个答案都有效。Oleg's 是迄今为止最干净的解决方案。

为了使 Oleg 的解决方案起作用,必须在包含 JQuery UI CSS 类之后定义 altRows 类,因为 JQuery UI 和自定义 alt rows 类都定义了 background 属性,最后一个类定义了 wins

0 投票
3 回答
3249 浏览

jquery - div的条纹类

我有一长串多个 div ......比如说 20 个 div

全部包裹在另一个..

我喜欢在二分之一的 div 中添加“灰色”类并使其成为斑马!请jquery!

0 投票
1 回答
731 浏览

javascript - 试图斑马条纹表中的任意行

我有一个表,其中包含由类标记的行。这些行应该是斑马条纹。需要注意的是,它们并不总是连续的。

我试过按表和类名进行匹配,但最终结果总是不正确。正在发生的事情是条带化将在表级别应用,然后仅在具有类的行上启用。

我必须改变什么才能使这项工作如我所愿?

脚本

HTML

0 投票
1 回答
665 浏览

jquery - jquery zebra-striping:如何从单选按钮列表中忽略嵌套表

我正在使用 jquery 对表进行斑马条纹处理,它工作正常 - 除了有一个单选按钮列表也应用了条纹处理。

我的桌子有

查询是

当其中一个偶数行包含一个 asp.net 单选按钮列表(呈现为单行表)时,它也会突出显示。

有没有办法避免这种情况?

0 投票
1 回答
2012 浏览

internet-explorer-8 - DataTable 控件:斑马条纹不显示在 IE8 上

我们的 Zebra 条带化实现存在一些小问题。虽然它在 FF 3.6 和 Chrome 10 中显示交替颜色,但它在 IE 8 中不起作用。有什么建议吗?

代码:

CSS:

还发布在: http ://primefaces.prime.com.tr/forum/viewtopic.php?f=3&t=5713&p=34932#p34932

0 投票
2 回答
1128 浏览

jsf - JSF RichFaces:斑马表的a4jSkin.tableBackgroundColor 行为

jsf:

前提条件:
有带有白色和灰色行的斑马样式表
步骤:
1.鼠标悬停在行上,它悬停正常
2.鼠标移开,它变成白色

后置条件:表失去了“斑马”

#{a4jSkin.tableBackgroundColor}这是因为评估为白色而发生的。
如何保持斑马造型?

感谢您提供任何帮助。