JQuery实现奇偶行不同背景颜色

假设table的id为:t1 $(document).ready(function(){ $('#t1 > tbody tr:even').css('background','white'); $('#t1 > tbody tr:odd').css('background','#f1f5f8'); }); even为奇数行,odd为偶数行效果如图:…

JQuery JTable根据某行的某个值来设置行的背景颜色

目录描述处理方法参考描述某个表的数据是用JQuery的JTable插件进行展示的.现在需求是:当表中的master字段为true时,就将对应的整行的背景颜色设置为浅蓝色. 处理方法在fields:{},后面添加: rowInserted: function (event, data) { //若是当前主节点,整行显示不一样的颜色(浅蓝色) if (data.record) { if (data.record.master == true) { data.row.css("backgr…

鼠标滑过GridView的数据行时修改行的背景颜色

基本原理可以参考另一篇文章:鼠标滑过table时修改表格行的背景颜色下面是针对GridView实现该效果的代码:就是编写GridView控件的RowDataBound事件的代码. protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { //首先判断是否是数据行 if (e.Row.RowType == DataControlRowType.DataRow) { //当鼠标停留时更改背景色 e.…

在wpf datagrid中，想要根据一个条件来改变datagrid行的背景颜色

原文:在wpf datagrid中,想要根据一个条件来改变datagrid行的背景颜色在wpf datagrid中,想要根据一个条件来改变datagrid行的背景颜色例如根据学生的年龄来修改,年龄小于18岁的,该行为红色显示,如何做到解决方法 1: 在你需要加载的键入代码,我一般放在TabControl的selected事件中 Dispatcher.BeginInvoke(System.Windows.Threading.DispatcherPriority.ApplicationIdl…

DevExpress.XtraGrid.Views 设置指定行的背景颜色 .

如需要将指定行的背景设置颜色,可参考以下示例 1.事件:CustomDrawCell 2.示例: private void gridView1_CustomDrawCell(object sender, DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e) { if (gridView1.GetRow(e.RowHandle) == null) { …

jquery实现奇偶行赋值不同css值

<html> <head> <title>jquery奇偶行css效果</title> <script src="../../jquery/jquery.js" type="text/javascript"></script> <style type="text/css"> /*table中偶数行*/ .tabEven { background: #9d8e8b;…

jquery点击tr换背景颜色

jquery点击tr换tr的背景颜色,table的id为db-list1jQuery(function() { jQuery("#db-list1 tr").click( function() { if (jQuery(this).hasClass("selected")) { jQuery(this).removeClass("selected"); jQuery(this).css("backgroundColor", &…

Extjs 改变grid行的背景颜色

## Ext grid 改变行背景色 Ext.util.CSS.createStyleSheet('.ts {background:#9a9a9bc2;}');//单独创建css样式 { xtype: 'gridbase', region: 'north', title: '不含增值税(单位:万元)', titleAlign: "center", dockedItems: [ { xtype: 'toolbar', weight: -10, items: [ { xtype: 'myb…

鼠标滑过table时修改表格行的背景颜色

方法一: #customers tr:hover { background-color: #f00; } 方法二: <tr onmouseover="style.backgroundColor='#FF9900'" onmouseout="style.backgroundColor='#FFFFFF'"> <td>Apple</td> <td>Steven Jobs</td> <td>USA&l…

Dev中GridView——背景颜色改变

DevExpress.XtraGrid.Views 设置指定行的背景颜色 1.事件:CustomDrawCell2.示例: private void gridView1_CustomDrawCell(object sender, DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e) { if (gridView1.GetRow(e.RowHandle) == null) …

【JQuery实现奇偶行不同背景颜色】的更多相关文章