w2grid footer
时间: 2023-12-09 18:36:46 浏览: 27
根据提供的引用内容,w2grid是一个基于jQuery的表格插件,它可以轻松地将数据渲染成表格,并且支持许多高级功能,例如分页、排序、搜索等。w2grid还支持在表格底部添加一个footer,用于显示表格的汇总信息。要在w2grid中添加footer,可以在配置对象中设置summary属性,该属性应该是一个包含汇总信息的HTML字符串。以下是一个添加footer的示例:
```javascript
var config = {
name: 'myGrid',
columns: [
{ field: 'fname', caption: 'First Name', size: '30%' },
{ field: 'lname', caption: 'Last Name', size: '30%' },
{ field: 'email', caption: 'Email', size: '40%' }
],
records: [
{ recid: 1, fname: 'John', lname: 'Doe', email: 'jdoe@gmail.com' },
{ recid: 2, fname: 'Stuart', lname: 'Little', email: 'slittle@yahoo.com' },
{ recid: 3, fname: 'Mary', lname: 'Jane', email: 'mjane@hotmail.com' }
],
summary: '<div style="text-align:right">Total: 3</div>'
};
$('#myGrid').w2grid(config);
```
在上面的示例中,我们在配置对象中设置了summary属性,该属性包含一个HTML字符串,用于显示表格的汇总信息。在这种情况下,我们只是简单地显示了记录的总数。在实际应用中,您可以根据需要自定义汇总信息。