Jquery让table行根据单元格值变色

  1. 先注意表格不要引类似分行变色的css,如table-striped
  2. View下方式
    1. foreach下方式

@foreach (var item in Model)

{  <tr style="background-color:@{if (item.ReceQuantity>=item.BuyQuaity ){<text>lightgreen</text>}};">

  1. jquery方式

$("#grd").find("tr").each(function () {

var v1 = parseFloat($(this).children(‘td:eq(8)‘).text());    //取行第8列值

var v2 = parseFloat($(this).children(‘td:eq(9)‘).text());

if (v1 == v2) {

$(this).css({ "color": "darkgreen", "font-weight": "bold" });   //多CSS方式

} else {

$(this).css("color", "dark");

}

});

时间: 2024-11-03 20:51:02

Jquery让table行根据单元格值变色的相关文章

jquery实现的统计table表格指定列的单元格值的和

jquery实现的统计t]able表格指定列的单元格值的和:在一些应用中,表格单元格中存放的都是数字,比如学生的分数,那么就有可能将这些分数做加法运算来统计出总分数,下面就通过代码实例介绍一下如何统计某一列单元格中值的和.代码实例: <!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http

获取焦点行值与获取焦点单元格值的区别

获取焦点行值:'获取焦点行ID的值msgbox(网格部件1.GetFocusedRowValue("ID")) 获取的是焦点行固定列的值,不会因为点击焦点行中位置的不同而获取不同的列值 获取焦点单元格值: msgbox(网格部件1.GetFocusedCellValue()) 获取的是焦点行中鼠标选中的列的值:如下图所示:  原文地址:http://bbs.delit.cn/thread-707-1-1.html 转载请注明出处: 撰写人:度量科技http://www.delit.cn

CxGrid 改变某行或单元格的颜色

一个表(T)的结构结构如下. ID Test 1 20012 14443 17885 26456 4568 cxGrid成功连接到该表, 如果要实现单元格特效, 就要在cxGridDBTableView的 OnCustomDrawCell写代码. 该事件声明原形为 type   TcxGridTableDataCellCustomDrawEvent = procedure(Sender: TcxCustomGridTableView; ACanvas: TcxCanvas; AViewInfo:

控制extsj4.1 gridpanel表格行或者单元格的编辑

情境描述: 如上图是一个可编辑的gridpanel表格,现在需要做的是让第一行不能编辑,第二行可以编辑,或者这两行中一行的任意一个表格可编辑,另一行的该表格不可编辑. 这个问题其实就是控制单元格的编辑,有两种实现方式. 方式1,在CellEditing插件的beforeedit事件中控制,看一个代码截图 定义一个二维数组,对应表格的单元格,如果想让哪个单元格不可编辑,就在数组中对应的值为false,然后在beforeedit事件中return该数组的值,当然实际开发中可以灵活生成editable

table边框表头单元格空间合并等设置

表格由<table>标签来定义,每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义).字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本.图片.列表.段落.表单.水平线.表格等等. 1 HTML 表格的基本结构: 2 <table>…</table>:定义表格 3 <th>…</th>:定义表格的标题栏(文字加粗) 4 <tr>…<

[DevExpress]GridControl 根据RowIndex和VisibleColumnsIndex来获取单元格值

关键代码: /// <summary> /// 根据rowIndex和visibleColumnsIndex来获取单元格可见值 /// </summary> /// <param name="view">GridView</param> /// <param name="rowIndex">rowIndex</param> /// <param name="visibleColu

DEV gridview根据单元格值改变其他单元格格式

string style = ""; private void gridView1_RowCellStyle(object sender, DevExpress.XtraGrid.Views.Grid.RowCellStyleEventArgs e) { if (e.Column.FieldName == "单价类型")//设背景 { style = e.CellValue.ToString(); ; } if (e.Column.FieldName == &quo

JQuery实现相同内容合并单元格

web前端开发的时候经常会遇到要做表单的页面或者做一些表格的效果如相同内容要同一个单元格里面显示,一般的方法是table里面在套table但是这种方法会增加页面的负担影响页面加载速度但是如果用DIV有不好控制写的css样式要很多,那怎么办呢?我们就中和下利用JQuery来和他一个table里面相同内容的单元格,这里代码跟大家分享下,希望对大家有用,如下: 头部JQuery代码 代码如下: <script type="text/javascript">  jQuery.fn.

JQuery EasyUI DataGrid动态合并单元格

/**        * EasyUI DataGrid根据字段动态合并单元格        * @param fldList 要合并table的id        * @param fldList 要合并的列,用逗号分隔(例如:"name,department,office");        */        function MergeCells(tableID, fldList) {            var Arr = fldList.split(",&quo