layui设表格列为链接列
时间: 2023-06-29 21:16:56 浏览: 73
layui 实现表格某一列显示图标
可以使用 layui 的表格组件中的 `templet` 属性来实现将表格列设为链接列,具体操作步骤如下:
1. 在表格列中添加 `templet` 属性,并给其赋值为一个函数,该函数的返回值应该为链接的 html 代码,例如:
```javascript
{field: 'link', title: '链接', templet: function(d){
return '<a href="'+d.link+'" target="_blank">'+d.link+'</a>';
}}
```
其中,`d` 为该行数据对象,`d.link` 表示该行数据中的链接字段。
2. 在 layui 的表格渲染方法 `render` 中添加 `templet` 属性,例如:
```javascript
table.render({
elem: '#test',
url: '/demo/table/user/',
cols: [[
{field: 'id', title: 'ID', width:80},
{field: 'username', title: '用户名', width:120},
{field: 'email', title: '邮箱', width:150},
{field: 'link', title: '链接', templet: function(d){
return '<a href="'+d.link+'" target="_blank">'+d.link+'</a>';
}},
{field: 'sign', title: '签名', minWidth: 150},
{field: 'operate', title: '操作', width:100, toolbar:'#barDemo'}
]]
});
```
以上就是将表格列设为链接列的方法,希望能够帮到你。
阅读全文