easyui的dagagrid设置两行表头后数据被盖住一条

如果你在使用EasyUI的datagrid控件时设置了两行表头，但是数据被盖住了一条的话，可能是因为你没有正确地设置表头的高度。

你可以在datagrid初始化的时候，通过设置headerRowHeight属性来设置表头的高度。例如：

$('#datagrid').datagrid({
  url: 'data.json',
  headerRowHeight: 40, // 设置表头高度为40像素
  columns:[[
    {field:'id',title:'ID',width:100},
    {field:'name',title:'Name',width:100},
    {field:'price',title:'Price',width:100}
  ],[
    {field:'desc',title:'Description',colspan:3} // 第二行表头
  ]]
});

注意，第二行表头的列数必须与第一行表头的列数一致，否则会导致数据被盖住的问题。另外，如果你的数据行高度也比较高，可以考虑通过设置rowStyler属性来调整数据行的高度，以避免被表头盖住。

相关问题

easyui的datagrid2行表头合并

要在EasyUI的DataGrid中实现2行表头合并，需要使用到DataGrid的列属性。可以通过设置列的rowspan和colspan属性来实现。

下面是一个示例：

<table id="datagrid">
  <thead>
    <tr>
      <th rowspan="2">编号</th>
      <th colspan="2">姓名</th>
      <th rowspan="2">年龄</th>
      <th colspan="2">地址</th>
    </tr>
    <tr>
      <th>姓</th>
      <th>名</th>
      <th>省份</th>
      <th>城市</th>
    </tr>
  </thead>
</table>

<script>
  $('#datagrid').datagrid({
    url: 'data.json',
    columns: [[
      {field:'id',title:'编号',width:100,rowspan:2},
      {field:'firstName',title:'姓',width:100},
      {field:'lastName',title:'名',width:100},
      {field:'age',title:'年龄',width:100,rowspan:2},
      {field:'province',title:'省份',width:100},
      {field:'city',title:'城市',width:100}
    ]]
  });
</script>

在上面的示例中，我们在表头的第一行设置了两个单元格（姓名和地址）的colspan属性为2，表示它们要占用两列单元格。在第二行中，我们设置了第一个单元格（编号）的rowspan属性为2，表示它要占用两行单元格。

通过这样的设置，就能够实现2行表头合并的效果了。

easyui datagrid修改某条记录后只刷新当前行数据

要实现修改某条记录后只刷新当前行数据，可以通过以下步骤进行操作：

1. 在 easyui datagrid 中，找到需要修改的行，可以通过获取行的索引或者 ID 来确定需要修改的行。

2. 执行修改操作，可以通过 ajax 请求将修改后的数据提交到服务器进行保存。

3. 在 ajax 请求成功后，只需要更新当前行的数据即可。可以使用 datagrid 的 updateRow 方法来更新当前行的数据，该方法会自动刷新当前行的显示。

以下是一个简单的示例代码：

// 获取当前选中的行
var rowIndex = $('#datagrid').datagrid('getRowIndex', $('#datagrid').datagrid('getSelected'));

// 执行修改操作
$.ajax({
  url: 'update.php',
  type: 'POST',
  data: {
    id: 123,
    name: 'new name'
  },
  success: function(data) {
    // 更新当前行的数据
    $('#datagrid').datagrid('updateRow', {
      index: rowIndex,
      row: data
    });
  }
});

其中，update.php 是服务器端处理修改请求的 PHP 文件，data 参数是修改后的数据。在 ajax 请求成功后，通过 updateRow 方法更新当前行的数据，index 参数为当前行的索引，row 参数为更新后的数据。