angular ui-grid 表格插件配置项

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 footerenableHorizontalScrollbar :  0, //grid水平滚动条是否显示, 0-不显示  1-显示enableVerticalScrollbar : 0, //grid垂直滚动条是否显示, 0-不显示  1-显示//-------- 分页属性 ----------------enablePagination: true, //是否分页，默认为trueenablePaginationControls: false, //使用默认的底部分页paginationPageSizes: [15, 30, 50, 100], //每页显示个数可选项paginationCurrentPage:1, //当前页码paginationPageSize: 15, //每页显示个数totalItems : 0, // 总数量useExternalPagination:true,//是否使用分页按钮//----------- 选中 ----------------------enableFooterTotalSelected: false, // 是否显示选中的总数，默认为true, 如果显示，showGridFooter 必须为trueenableFullRowSelection : false, //是否点击行任意位置后选中,默认为false,当为true时，checkbox可以显示但是不可选中enableRowHeaderSelection : false, //是否显示选中checkbox框 ,默认为trueenableRowSelection : true, // 行选择是否可用，默认为true;enableSelectAll : false, // 选择所有checkbox是否可用，默认为true;enableSelectionBatchEvent : true, //默认trueisRowSelectable: function(row){ //GridRowif(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 ，设置选择列的宽度；

angular ui-grid 表格插件配置项相关推荐

Kendo UI grid 表格数据更新
1.整行数据更新 //获取grid表格var table0 = $(updateTableID).data("kendoGrid");//删除第一条 var lastTableDa ...
Kendo UI Grid 用法详细整理
目录一. kendo UI grid结构结构实例二. kendo UI grid常用属性 1.new kendo.data.DataSource()中常见属性: 2.$("#grid& ...
vue前端表格插件_Grid.js - 跨框架的前端表格插件
只想简简单单画个表格,但 React,Vue,Angular,-,这么多前端框架,各自都有不同的表格渲染库.就没有表格库能"一次画表,到处运行"吗?来看看 Grid.js 这个跨框 ...
js Grid - 列表插件
js Grid - 列表插件 1)Sponsor Flip Wall With jQuery & CSS一个非常不错的显示数据到网格里的插件. 点击后,缩略图会翻转,然后显示更多信息 ...
jqGrid与Struts2的结合应用（一） —— 显示基本Grid表格
原文地址:http://blog.csdn.net/gengv/article/details/5714834 如不能转载,请联系博主,我马上删除. 根据jqGrid的文档,要想生成一个jqGrid, ...
常用表格插件附官网或中文网：
常用表格插件附官网或中文网: Datatables.EasyUI Datagrid 数据网格.pqgrid.jqGrid.bootstrap-table 一.Datatables 中文网:http:/ ...
datatables html定义,DataTables表格插件使用说明
DataTables简介与EasyUI的Datagrid作用一样,比easyui更漂亮 Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功 ...
jQuery 表格插件汇总
本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等.这 ...
jQuery 表格插件
本文搜集了大量 jQuery 表格插件,帮助 Web 设计者更好地驾御 HTML 表格,你可以对表格进行横向和竖向排序,设置固定表头,对表格进行搜索,对大表格进行分页,对表格进行滚动,拖放操作等等.这 ...

angular ui-grid 表格插件配置项

angular ui-grid 表格插件配置项相关推荐

最新文章

热门文章