jQWidgets jqxDataTable showStatusbar 属性介绍

概述

在jQWidgets jqxDataTable控件中，showStatusbar属性用于控制是否显示状态栏。状态栏可以用来显示表格的汇总信息、当前状态信息和用户交互信息等。

语法

$('#dataTable').jqxDataTable({
    showStatusbar: true //默认值为false
});

参数

• showStatusbar：布尔值，控制是否显示状态栏。默认值为false。

示例

$('#dataTable').jqxDataTable({
    source: dataAdaptor,
    columnsResize: true,
    sortable: true,
    pageable: true,
    columns: [
        { text: '商品编号', dataField: 'ItemId', width: 100 },
        { text: '商品名称', dataField: 'ItemName', width: 200 },
        { text: '商品分类', dataField: 'ItemGroup', width: 150 },
        { text: '销售数量', dataField: 'Sold', width: 100, aggregates: ['sum', 'avg'] },
        { text: '销售额', dataField: 'Revenue', width: 120, align: 'right', cellsAlign: 'right', cellsFormat: 'c2', aggregates: ['sum'] },
        { text: '毛利润率', dataField: 'GrossMargin', width: 120, align: 'right', cellsAlign: 'right', cellsFormat: 'p2', aggregates: ['avg'] },
    ],
    showStatusbar: true,
    statusBarHeight: 24,
    columnsHeightSizeMode: 'auto',
    enableHover: true,
    enableBrowserSelection: true,
    pagerButtonsCount: 10,
    enablePagingInfo: true,
    enableColumnSort: true,
    selectionMode: 'multipleRows',
    altRows: true,
    width: '100%',
    height: '100%',
});

结果

在jQWidgets jqxDataTable控件中，设置showStatusbar属性为true后，状态栏将被显示在表格之下。

小结

showStatusbar属性是jQWidgets jqxDataTable控件中控制是否显示状态栏的属性，通过设置该属性，可以决定是否在表格下方显示状态栏，以便向用户提供更多的信息和交互功能。