jQWidgets jqxDataTable filterHeight属性

简介

jQWidgets jqxDataTable是一个强大的数据表格组件，它是基于jQuery和其他基础技术开发的。filterHeight是它的一个属性，它用于设置过滤器区域的高度。

语法

$('#dataTable').jqxDataTable({
    filterable: true,
    filterHeight: 40   //设置过滤器高度为40px
});

参数

filterHeight属性接收一个整数值，可以用来设置过滤器区域的高度，单位为像素。默认值为35。

使用方法

在jQWidgets jqxDataTable组件的初始化参数中，设置filterable为true，即可启用过滤器功能。然后，通过设置filterHeight来调整过滤器区域的高度。

示例

下面是一个设置filterHeight的示例：

$('#dataTable').jqxDataTable({
    width: '100%',
    pageable: true,
    altRows: true,
    sortable: true,
    filterable: true,
    filterHeight: 40, //设置过滤器高度为40px
    theme: 'energyblue',
    source: dataAdapter,
    columns: [
        { text: 'Name', dataField: 'name', width: 200 },
        { text: 'Age', dataField: 'age', width: 100 },
        { text: 'Address', dataField: 'address' }
    ]
});

效果展示

参考链接

1. jQWidgets jqxDataTable解读
2. jQWidgets jqxDataTable API文档