js设置datagrid列背景色

您可以使用easyui datagrid的formatter函数来设置datagrid列的背景色。您可以在该函数中返回一个带有css样式的字符串来设置列的背景色。

例如，以下代码将第一列的背景色设置为红色：

$('#datagrid').datagrid({
  columns: [[
    {field:'name',title:'Name',formatter:function(value,row,index){
        return '<span style="background-color:red;">'+value+'</span>';
    }},
    {field:'age',title:'Age'}
  ]]
});

您可以根据您的具体需求修改格式化函数中的样式。

相关问题

js设置datagrid指定列背景色

您可以使用easyui的datagrid控件提供的getRowStyle函数来设置datagrid指定列的背景色。示例代码如下：

$('#dg').datagrid({
  getRowStyle: function(index,row){
    if (row.price > 20){
      return 'background-color:#ffee00;';
    }
  }
});

在上面的示例中，我们使用getRowStyle函数来设置price列的背景色。如果price字段的值大于20，我们将返回一个样式字符串，该样式字符串将设置背景色为黄色。您可以根据需要修改样式字符串以设置所需的背景色。

js设置datagrid行背景色

您可以使用easyui的datagrid控件提供的rowStyler函数来设置datagrid行的背景色。示例代码如下：

$('#dg').datagrid({
  rowStyler: function(index,row){
    if (row.status == 'closed'){
      return 'background-color:#ccc;';
    }
  }
});

在上面的示例中，我们使用rowStyler函数来设置行的背景色。如果行的status字段的值为'closed'，我们将返回一个样式字符串，该样式字符串将设置背景色为灰色。您可以根据需要修改样式字符串以设置所需的背景色。