使用 CSS 交替 jsp 中表格的颜色

发布于 2024-09-29 14:29:18 字数 364 浏览 6 评论 0原文

可能的重复:
如何使用 JSP 更改 HTML 表格行颜色?
表格行 - 提供替代颜色

任何人都可以提供在表格中动态添加行的基本代码在jsp文件中使用CSS替代颜色请提供此代码?

Possible Duplicates:
How to alternate HTML table row colors using JSP?
Table row - Giving alternate colors

Can anyone provide basic code for dynamically adding rows in a table with alternate colors using CSS in jsp file kindly provide this code?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

肤浅与狂妄 2024-10-06 14:29:18
<table>
<?
    boolean evenRow = true;
    for (int i = 0; i < numRowsToDisplay; i++)
    {
?>

<tr class="<?= evenRow? "evenrowstyle" : "oddrowstyle" ?>"><td>whatever</td></tr>

<?
        evenRow = !evenRow;
    }
?>
</table>
<table>
<?
    boolean evenRow = true;
    for (int i = 0; i < numRowsToDisplay; i++)
    {
?>

<tr class="<?= evenRow? "evenrowstyle" : "oddrowstyle" ?>"><td>whatever</td></tr>

<?
        evenRow = !evenRow;
    }
?>
</table>
紫﹏色ふ单纯 2024-10-06 14:29:18

基本上,有两种选择:

  • 要么必须向 jsp 中的所有偶数(或奇数)行添加样式类
  • ,要么可以使用 javascript 在客户端上动态执行此操作(如果可以选择)

Basically, there are two options:

  • either you have to add a style class to all even (or odd) rows in your jsp
  • or you can do it dynamically on the client with javascript (if that's an option)
〆凄凉。 2024-10-06 14:29:18

<style>
#TableID tr:nt-child(odd){
background-color:white;
}

#TableID tr:nth-child(even){
background-color:silver;
}
</style>

as in

<style>
#TableID tr:nt-child(odd){
background-color:white;
}

#TableID tr:nth-child(even){
background-color:silver;
}
</style>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文