Angular EasyUI 基本表格

属性列表

名称	数据类型	作用描述	默认值
data	any[ ]	要加载的数据行。	[ ]
footerData	any[ ]	加载的页脚数据行。	[ ]
rowHeight	number	行高度。	28
rowCss	any	行CSS样式。值可以是style类，内联样式或返回样式类或内联样式的自定义函数。	null
frozenWidth	any	冻结视图宽度。	200px
frozenAlign	string	冻结视图对齐。可选的值:'left', 'right'。	left
sorts	any[ ]	初始化类。	[ ]
multiSort	boolean	是否启用多列排序。	false
showHeader	boolean	是否显示列标题。	true
showFooter	boolean	是否显示页脚行。	false
editMode	string	编辑模式。可选的值:'row', 'cell'。	null
clickToEdit	boolean	定义单击单元格时是否进行编辑。	false
dblclickToEdit	boolean	定义双击单元格时是否编辑。	false

css: (row) => {
    if (row.itemid == 'EST-11'){
        return {background:'#b8eecf',fontSize:'14px',fontStyle:'italic'};
    }
    return null;
}

sorts: [{field:'itemid',order:'desc'}]

名称	参数	作用描述
rowDblClick	row	当双击一行时触发。
cellDblClick	row:any, column:any	当双击单元格时触发。
rowContextMenu	row:any, originalEvent:Event	当右击一行时触发。
cellContextMenu	row:any, column:any, originalEvent:Event	右击单元格时触发。
pageChange	pageNumber:number, pageSize:number	当页面更改时触发。
sortChange	any	当排序发生更改时触发。
editBegin	row:any, column:any, originalValue: any	开始编辑行或单元格时触发。
editEnd	row:any, column:any, originalValue: any	在结束编辑行或单元格时触发。
editCancel	row:any, column:any, originalValue: any	取消编辑行或单元格时触发。

注：
- 继承： ListBaseComponent 。
- 选择器： eui-grid-base 。