jQuery EasyUI Data Grid - Criação de uma combinação de colunas
grade de dados easyui (DataGrid) pode criar uma combinação de colunas, como segue:
Neste exemplo, usamos os dados para preencher a grade de dados plano de dados (DataGrid), e ListPrice, unitcost, addr1, combinação de status de colunas em uma única coluna.
A fim de criar uma combinação de colunas, você deve definir a grade de colunas de dados (datagrid) plug-ins. Cada elemento da coluna é definir um conjunto de utilização rowspan ou atributos colspan celulares combinados.
O código que se segue para realizar os exemplos acima:
<Table id = "tt" title = "Coluna Grupo" class = "easyui-datagrid" style = "width: 550px; height: 250px" url = "Dados / datagrid_data.json" singleSelect = "true" iconCls = "icon-salvar" rownumbers = "true"> <Thead> <Tr> <Th rowspan campo = "2" = "ItemId" width = "80"> Item ID </ th> <Th rowspan = "2" campo = largura "ProductID" = "80"> ID do produto </ th> <Th colspan = "4"> item Detalhes </ th> </ Tr> <Tr> <Th campo = "ListPrice" width = "80" align = "right"> Listar preço </ th> <Field Th = "unitcost" width = "80" align = "right"> Custo Unitário </ th> <Th campo = largura "attr1" = "100"> Atributo </ th> <Field Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>