1. Home
  2. jQuery EasyUI Data Grid - Criação de resumo rodapé

O melhor tutorial jQuery EasyUI Data Grid - Criação de resumo rodapé em 2024. Neste tutorial você pode aprender Baixar exemplos jQuery EasyUI,

jQuery EasyUI Data Grid - Criação de resumo rodapé

Neste tutorial, vamos mostrar-lhe como para exibir informações resumidas linha de rodapé na grade de dados (datagrid).

A fim de exibir a linha de rodapé, você deve definir ShowFooter propriedade é true, em seguida, preparar definido na grade de dados (datagrid) linhas de rodapé de dados. O que se segue é uma amostra de dados: 

	{ "Total": 1, "linhas": [{ "id": 1, "name": "Chai", "preço": 18.00}], "rodapé": [{ "name": "Total", " preço ": 18.00}]}

Criando uma grade de dados (DataGrid) 

	<Table id = título de "tt" class = "DataGrid" = "easyui-datagrid" style = "width: 400px; height: 250px"
			url = "Dados / datagrid17_data.json"
			fitColumns = "true" rownumbers = "true" ShowFooter = "true">
		<Thead>
			<Tr>
				<Field Th = "nome" width = "80"> Nome do Produto </ th>
				<Th campo = "preço" width = "40" align = "right"> Preço unitário </ th>
			</ Tr>
		</ Thead>
	</ Table>

filas e filas de dados de rodapé para exibir o mesmo, para que você possa exibir informações mais do que um resumo no rodapé.

Baixar exemplos jQuery EasyUI

jeasyui-datagrid-datagrid17.zip

Tutoriais quentes

Contact US

jQuery EasyUI Data Grid - Criação de resumo rodapé
10/30