问题标签 [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 投票
3 回答
87814 浏览

css - CSS div 交替颜色

我正在尝试在我的网站中对我的 div 进行斑马条纹,听起来很简单,但是我发现当我在我的 div 的行之间添加一个标题时,它似乎计算了奇数/偶数样式中的标题

HTML

CSS

小提琴

我原以为小提琴中已经存在的代码基本上会忽略标题并继续进行条带化,但似乎它将标题视为一个孩子

0 投票
1 回答
1190 浏览

html - 使用 css3 选择器的 N 级斑马条纹?

我们的 .less 文件中有一个基本的斑马条纹图案,用于.list-striped.

我们甚至让它适用于嵌套列表,也就是它反转选择器,否则您最终会得到父列表项,而子项的第一个列表项具有相同的样式而不是相反的样式。

这工作正常,但是,我们想要 N 级深度,所以我们真的不想只是将样式嵌套到我们认为用户会嵌套的任何东西之上,我们希望有一些东西可以整理一下并使其适用于 N 级而不是 2 级列表?

我在想我需要一些nth-child(even)/nth-child(odd)关于嵌套的魔法.list-item

  • C1
    • C2
      • C1
      • C2
    • C1
      • C2
    • C2
  • C2
  • C1
  • C2

html基本上是

和CSS

0 投票
2 回答
2848 浏览

jquery - Zebra tablesorter 不会在初始排序时进行条带化

我对 tablesorter 插件和 zebra 小部件有疑问,它们为偶数/奇数行启用了不同的样式。

我的页面从一个空表开始;然后,用户编译一个表单,然后我的表被加载......所以问题是:在初始加载(也对列进行排序)时,斑马条纹不起作用;我的行具有所有相同的背景颜色.. 但是当用户开始对列进行排序或转到其他页面结果(在同一张表上使用“寻呼机”插件)时,斑马小部件可以工作。

怎么了?

jQuery版本:1.9.0

表格排序器版本:2.7.12

这是我的javascript代码:

提前致谢!

0 投票
4 回答
490 浏览

html - 如何从斑马条纹中删除边框间距

我有一张既有边框间距又有斑马条纹的桌子。但是,当结合使用边框间距和斑马条纹时,这种结合会导致列之间出现间隙,而不是平滑条纹。例如,在下表中,Peach 和 Yes 之间存在难看的差距。

在此处输入图像描述

如何保持边框间距,但删除斑马条纹中的那些间隙?

小提琴:http: //jsfiddle.net/Bridgeland/xCBR9/

CSS:

0 投票
1 回答
8204 浏览

c# - 准备用于打印单色位图图像的 ZPL 命令

我在准备 ZPL 命令以在 Zebra RZ400 300 dpi 上打印位图图像时遇到问题。

我有以下代码片段,但我不明白我在哪里犯了错误。

你能建议我哪里出错了吗?我可以使用 Multiplat form SDK API 进行打印,但我只对适合我要求的 ^GFA 或 ^GFB 命令感兴趣。

任何人都可以建议我准备打印任何给定图像的 ^GF 命令。

0 投票
1 回答
713 浏览

xslt - 如何在 xslt 中做斑马条纹

我正在尝试为我的 pdf 文件做斑马条纹。XML如下:

如果值为“0”,则不显示属性 3。如果没有值,attribute5 也不会出现。所以我不能像下面那样做斑马条纹:

因为attribute3和attribute5并不总是出现在pdf文件中。我该怎么做?

0 投票
1 回答
166 浏览

firefox - 带圆角的斑马在 Firefox 中不起作用

我的网站上有几个列表:URL 链接

它有斑马剥离背景。在 Chrome 中,我也得到了看起来不错的圆角,但在 Firefox 中它不起作用。我查看了无尽的帮助站点,但没有成功。我唯一了解到的是,当“边框折叠设置为折叠”时,圆角不起作用,但我找到了解决方法。但是 - 它仍然无法正常工作......让我发疯......

这是我目前使用的 CSS:

0 投票
1 回答
1722 浏览

jqgrid - jqGrid altRows - 每两行

我正在输出一个 jqGrid 并需要交替行颜色,但不是常见的每隔一行,我需要每隔两行交替一次。两排一种颜色,然后是两排另一种颜色,然后切换回第一种颜色,依此类推......

这是我需要实现的示例...

示例网格:

似乎它必须比 jqGrid 的 altRows 和 altclass 更多。

想法?

谢谢。

0 投票
2 回答
2756 浏览

jquery - 数据表:隐藏/显示表格行后保留斑马条纹

myTable基于手动添加的类(' myClass')在表('')中动态隐藏行。该表使用带有标准斑马条纹背景颜色的 Datables 插件。

有没有办法在手动隐藏该表中的行后保留这些斑马条纹

这在使用标准 Datatables 函数对表进行排序和过滤时工作正常,所以我假设有一个允许这样做的设置。

我正在使用基于手动添加的类的简单显示/隐藏功能:

这里有人可以帮我吗?

提前非常感谢,蒂姆。

0 投票
2 回答
2129 浏览

javascript - 如何使handsontable桌斑马条纹?

我正在使用handsontable 库在表格中显示一些数据。通常我可以像这样对一个 html 表进行斑马条纹处理:

但是使用handsontable,我在 div 元素中显示我的表格。我怎样才能做到这一点?下面你可以看到我的html代码: