angular ui-grid 表格插件配置项

来源:互联网 发布:腾讯微信域名检测 编辑:程序博客网 时间:2024/06/14 01:24

angular ui-grid 表格插件配置项
ui-grid是英文文档,我总结了一些常用配置项

$scope.gridOptions = {     data:$scope.data//请求来的数据放入$scope.data中     columnDefs:[         {name:'',displayName:'',enableColumnMenu:false,width:,cellTemplate:"<div></div>"},        {name:'sendMobile',displayName:'手机号',enableColumnMenu:false,width:100},        ],        enableSorting: true, //是否排序        useExternalSorting: false, //是否使用自定义排序规则        enableGridMenu: false, //是否显示grid 菜单        showGridFooter: false, //是否显示grid footer        enableHorizontalScrollbar :  0, //grid水平滚动条是否显示, 0-不显示  1-显示        enableVerticalScrollbar : 0, //grid垂直滚动条是否显示, 0-不显示  1-显示        //-------- 分页属性 ----------------        enablePagination: true, //是否分页,默认为true        enablePaginationControls: false, //使用默认的底部分页        paginationPageSizes: [15, 30, 50, 100], //每页显示个数可选项        paginationCurrentPage:1, //当前页码        paginationPageSize: 15, //每页显示个数        totalItems : 0, // 总数量        useExternalPagination:true,//是否使用分页按钮        //----------- 选中 ----------------------        enableFooterTotalSelected: false, // 是否显示选中的总数,默认为true, 如果显示,showGridFooter 必须为true        enableFullRowSelection : false, //是否点击行任意位置后选中,默认为false,当为true时,checkbox可以显示但是不可选中        enableRowHeaderSelection : false, //是否显示选中checkbox框 ,默认为true        enableRowSelection : true, // 行选择是否可用,默认为true;        enableSelectAll : false, // 选择所有checkbox是否可用,默认为true;        enableSelectionBatchEvent : true, //默认true        isRowSelectable: function(row){ //GridRow            if(row.entity.age > 45){                row.grid.api.selection.selectRow(row.entity); // 选中行            }        },        modifierKeysToMultiSelect: false ,//默认false,为true时只能 按ctrl或shift键进行多选, multiSelect 必须为true;        multiSelect: false ,// 是否可以选择多个,默认为true;        noUnselect: false,//默认false,选中后是否可以取消选中        selectionRowHeaderWidth:30 ,//默认30 ,设置选择列的宽度;

原创粉丝点击