render: function ( data, type, row ) { return row.salary; }
时间: 2024-02-14 17:23:34 浏览: 95
`render` 函数是一个回调函数,用于在 Datatables 渲染每个单元格时自定义单元格的显示内容。其中 `data` 参数是当前单元格的数据,`type` 参数是当前单元格的类型,`row` 参数是当前行的数据对象。
在上述代码中,`render` 函数的作用是将当前行的 `salary` 数据返回给对应的单元格进行显示。具体实现方式为从 `row` 参数中获取 `salary` 数据,并将其作为返回值返回给 `render` 函数。
需要注意的是,`render` 函数的返回值将作为单元格的显示内容,因此需要根据实际需求返回对应的显示内容。如果返回值为 `null`,则对应的单元格将显示为一个空白单元格。
相关问题
columns.render 怎么用
`columns.render` 是 Datatables 中一个非常常用的选项,用于自定义表格列的渲染方式,可以根据需要返回不同的数据或者 HTML 元素。具体用法如下:
1. 在初始化 Datatables 时,设置 `columns` 选项,例如:
```javascript
$(document).ready(function() {
$('#example').DataTable( {
ajax: 'data.json',
columns: [
{ data: 'name', title: 'Name' },
{ data: 'position', title: 'Position' },
{ data: 'office', title: 'Office' },
{ data: 'salary', title: 'Salary',
render: function ( data, type, row ) {
return '$' + data; // 在数据前加上美元符号
}
}
]
} );
} );
```
在上述代码中,`columns.render` 的作用是将 `salary` 列中的数据前加上美元符号,例如将 `10000` 渲染为 `$10000`。
2. `columns.render` 函数的参数解释如下:
- `data`:当前单元格中的原始数据;
- `type`:当前单元格的渲染类型,有 `display`(用于显示)和 `filter`(用于过滤)两种类型;
- `row`:当前行的数据对象。
3. `columns.render` 函数需要返回一个用于渲染单元格的值。可以是一个简单的字符串,也可以是一个包含 HTML 元素的字符串。
例如,如果想要在单元格中显示一个链接,可以返回一个包含 `<a>` 元素的字符串:
```javascript
$(document).ready(function() {
$('#example').DataTable( {
ajax: 'data.json',
columns: [
{ data: 'name', title: 'Name',
render: function ( data, type, row ) {
return '<a href="' + row.url + '">' + data + '</a>'; // 返回一个链接
}
},
{ data: 'position', title: 'Position' },
{ data: 'office', title: 'Office' },
{ data: 'salary', title: 'Salary' }
]
} );
} );
```
通过以上操作,您可以自定义表格列的渲染方式,使得表格数据更加丰富多彩。
阅读全文