easyui datagrid 显示html标签,easyui-datagrid行数据field原样输出html标签
时间: 2023-07-04 11:26:36 浏览: 250
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
如果想要在 easyui-datagrid 中显示 HTML 标签,需要在列定义中使用 formatter 函数来转换数据。下面是一个例子:
```javascript
$('#datagrid').datagrid({
columns: [[
{field: 'name', title: '姓名'},
{field: 'description', title: '描述', formatter: function(value){
return '<div>' + value + '</div>';
}}
]],
data: [{
name: '张三',
description: '<b>这是粗体</b>,<i>这是斜体</i>'
}]
});
```
在上面的例子中,我们在 `description` 列中使用了 formatter 函数,它会将数据用 `<div>` 标签包裹起来。这样,在 easyui-datagrid 中就可以显示 HTML 标签了。
阅读全文