jQWidgets jqxGrid中的everpresentrowposition属性

everpresentrowposition属性是jQWidgets jqxGrid中的一种功能，用于控制表格中的“标题行”（Ever-present Row）。这行通常包含用于筛选、排序和分组的文本框和按钮，并常常始终可见，使用户能够方便地操作和浏览大型数据表格。

语法

$('#grid').jqxGrid({
    everPresentRowPosition: 'top' //或 'bottom'
    // ...
});

参数说明

• top(默认值)：ever-present行位于表格顶部。
• bottom：ever-present行位于表格底部。

使用方法

要使用ever-present行，请首先创建一个表格，并启用筛选、分组和排序。然后，您可以设置“everpresentrowposition”属性以指定ever-present行的位置，如下所示：

//创建 jqxgrid
$('#grid').jqxGrid({
   // ...
});

//保留ever-present行在底部
$('#grid').jqxGrid({
    everPresentRowPosition: 'bottom',
    // ...
});

//保留ever-present行在顶部
$('#grid').jqxGrid({
    everPresentRowPosition: 'top',
    // ...
});

示例

//创建 jqxgrid
$('#grid').jqxGrid({
    source: dataAdapter,
    pageable: true,
    sortable: true,
    filterable: true,
    groupable: true,
    columns: [
        { text: 'Name', datafield: 'name', width: 250 },
        { text: 'Age', datafield: 'age', width: 100 },
        { text: 'Email', datafield: 'email', width: 250 }
    ]
});

//保留ever-present行在底部
$('#grid').jqxGrid({
    source: dataAdapter,
    everPresentRowPosition: 'bottom',
    pageable: true,
    sortable: true,
    filterable: true,
    groupable: true,
    columns: [
        { text: 'Name', datafield: 'name', width: 250 },
        { text: 'Age', datafield: 'age', width: 100 },
        { text: 'Email', datafield: 'email', width: 250 }
    ]
});

//保留ever-present行在顶部
$('#grid').jqxGrid({
    source: dataAdapter,
    everPresentRowPosition: 'top',
    pageable: true,
    sortable: true,
    filterable: true,
    groupable: true,
    columns: [
        { text: 'Name', datafield: 'name', width: 250 },
        { text: 'Age', datafield: 'age', width: 100 },
        { text: 'Email', datafield: 'email', width: 250 }
    ]
});

总结

通过在jQWidgets jqxGrid中使用everpresentrowposition属性，您可以轻松控制表格中的ever-present行的位置，使用户更轻松地操作和浏览大型数据表。