DevExtreme学习笔记(一) DataGrid中数据筛选

DataGrid配置详解

最新推荐文章于 2023-02-24 09:30:25 发布

转载最新推荐文章于 2023-02-24 09:30:25 发布 · 685 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/daizhipeng/p/11246193.html

文章标签：

#javascript #ViewUI

本文详细介绍了DataGrid组件的配置方法，包括如何设置过滤行、自动应用过滤、显示边框、启用列宽自适应及搜索面板等功能。通过示例代码展示了dataSource、columnsAutoWidth、showBorders等属性的具体应用。

config.filterRow = {
            visible: true,
            applyFilter: "auto"
        };
        config.headerFilter = {
            visible: true
        };

　　或者

var dataGrid = $("#gridContainer").dxDataGrid({
        dataSource: orders,
        columnsAutoWidth: true,
        showBorders: true,
        filterRow: {
            visible: true,
            applyFilter: "auto"
        },
        searchPanel: {
            visible: true,
            width: 240,
            placeholder: "Search..."
        },
        headerFilter: {
            visible: true
        },
。。。。。

转载于:https://www.cnblogs.com/daizhipeng/p/11246193.html