当 EasyUI 的 DataGrid 列字段过长时鼠标移上去显示

如果 EasyUI 的 DataGrid 列字段过长时，你希望在鼠标移上去时显示完整内容，你可以使用tooltip` 属性来实现。下面是一个示例：

$('#datagrid').datagrid({
  columns: [[
    { field: 'id', title: 'ID', width: 100 },
    { field: 'name', title: 'Name', width: 200, formatter: formatName, tooltip: true }
    // 其他列...
  ]]
});

function formatName(value, row, index) {
  // 根据需要对字段进行格式化
  if (value.length > 10) {
    return '<span title="' + value + '">' + value.substring(0, 10) + '...</span>';
  }
  return value;
}

在上面的示例中，我们定义了一个 `formatName` 函数作为 `name` 列的格式化函数。在这个函数中，我们检查字段的长度，如果超过了一定的长度（例如 10），则截断字符串并在末尾添加省略号。同时，我们使用 `<span>` 元素来包裹显示的内容，并将完整的字段内容设置为 `title` 属性的值。这样，当鼠标移动到该字段上时，浏览器会显示一个工具提示，显示完整的内容。

通过在列定义中设置 `tooltip: true`，告诉 EasyUI 在 DataGrid 中启用工具提示功能。

这样，当列字段过长时，你可以通过鼠标移动到字段上来显示完整的内容。