1. Home
  2. JQuery EasyUI Data Grid - Создание резюме колонтитула

Лучшее руководство по JQuery EasyUI Data Grid - Создание резюме колонтитула в 2024 году. В этом руководстве вы можете изучить Скачать примеры Jquery EasyUI,

JQuery EasyUI Data Grid - Создание резюме колонтитула

В этом уроке мы покажем вам, как отображать сводную информацию колонтитула строку в сетке данных (DataGrid).

Для того, чтобы отобразить линию нижней сноски, вы должны установить свойство showFooter верно, а затем подготовить определенные в сетке данных (DataGrid) колонтитула данных строк. Ниже приводится выборка данных: 

	{ "Итого": 1, "строки": [{ "ID": 1, "имя": "Chai", "цена": 18,00}], "сноска": [{ "Имя": "Total", " цена ": 18,00}]}

Создание сетки данных (DataGrid) 

	<Таблица ID = "тт" название = класс "DataGrid" = "easyui-DataGrid" стиль = "ширина: 400px; высота: 250px"
			URL = "Данные / datagrid17_data.json"
			fitColumns = "истинные" rownumbers = "истина" showFooter = "истинный">
		<THEAD>
			<Tr>
				<Th поле = "имя" ширина = "80"> Имя продукта </ й>
				<Th поле = "цена" ширина = "40" выровняйте = "право"> Цена за штуку </ й>
			</ TR>
		</ THEAD>
	</ Table>

Строки нижнего колонтитула и строки данных для отображения то же самое, так что вы можете отображать более чем одну итоговую информацию в сноске.

Скачать примеры Jquery EasyUI

jeasyui-datagrid-datagrid17.zip

Горячие учебники

Contact US

JQuery EasyUI Data Grid - Создание резюме колонтитула
10/30