ui-grid

表格配置文件

  gridOptions = {
            enableScrollbars: true, //滚动条
            enableRowSelection: true, //选择行
            enableSelectAll: true, //全选
            multiSelect: true, //多选
            enableGridMenu: true, //表格菜单
            // enableColumnMenus: false,
            selectionRowHeaderWidth: 35, // 行头 宽度
            // rowHeight: 35,// 行高
            // showGridFooter: true,//表格底部状态栏
            enableHorizontalScrollbar: false, //grid水平滚动条是否显示, 0-不显示  1-显示
            useExternalPagination: true, // 使用外部分页
            paginationPageSizes: [5, 10, 15, 20, 25], //可选分页大小
            paginationPageSize: 10, //默认分页大小
            exporterMenuCsv: true, //到出CSV
            exporterMenuPdf: false, //导出PDF
            exporterMenuLabel: "导出数据",
            exporterCsvFilename: '项目信息.csv',
            exporterOlderExcelCompatibility: true,
            exporterCsvDefaultStyle: {
                fontSize: 11,
                font: '微软雅黑' //font 设置自定义字体
            },
            columnDefs: [
                { field: 'projCode', name: '项目代码' },
                { field: 'contractAmountNational', name: '合同投资额(内资)', visible: false },
                { field: 'signDate', name: '签约日期', cellFilter: 'date:"yyyy-MM-dd"', visible: false },
                { field: 'projAdrr', name: '地址', visible: false }, {
                    field: 'edit',
                    name: '操作',
                    enableSorting: false,
                    enableColumnMenu: false,
                    width: '120',
                    cellTemplate: "\
                        <span title='查看' style='background:url(./images/dataSearch/view.png);' class='myIco' ui-sref='entry.dataView({prjGuid:row.entity.projGuid,state:\'dataView\'})'></span>\
                        <span title='编辑' style='background:url(./images/dataSearch/edit.png);' class='myIco' ui-sref='entry.dataEdit({prjGuid:row.entity.projGuid,state:\'dataEdit\'})' ng-show='grid.appScope.editRole'></span>"
                }
            ],
            onRegisterApi: function(gridApi) {
                $scope.gridApi = gridApi;
                gridApi.pagination.on.paginationChanged($scope, function(newPage) {
                    $scope.getPage(newPage);
                });
            }
        };