首頁 web前端 js教程 jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery

jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery

May 16, 2016 pm 05:59 PM
數據表格

扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults 。
依赖
panel
resizable
linkbutton
pagination
用法

复制代码 代码如下:



复制代码 代码如下:

$('#tt').datagrid({
url:'datagrid_data.json',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]]
});

数据表格(DataGrid)的特性

其特性扩展自 panel,下列是为 datagrid 增加的特性。

名称

类型

说明

默认值

columns

array

datagrid column 的配置对象,更多详细请参见 column 的特性。

null

frozenColumns

array

和列的特性一样,但是这些列将被冻结在左边。

null

fitColumns

boolean

True 会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。

false

striped

boolean

True 就把行条纹化。(即奇偶行使用不同背景色)

false

method

string

请求远程数据的 method 类型。

post

nowrap

boolean

True 就会把数据显示在一行里。

true

idField

string

标识字段。

null

url

string

从远程站点请求数据的 URL

null

loadMsg

string

当从远程站点加载数据时,显示的提示信息。

Processing, please wait …

pagination

boolean

True 就会在 datagrid 的底部显示分页栏。

false

rownumbers

boolean

True 就会显示行号的列。

false

singleSelect

boolean

True 就会只允许选中一行。

false

pageNumber

number

当设置了 pagination 特性时,初始化页码。

1

pageSize

number

当设置了 pagination 特性时,初始化页码尺寸。

10

pageList

array

当设置了 pagination 特性时,初始化页面尺寸的选择列表。

[10,20,30,40,50]

queryParams

object

当请求远程数据时,发送的额外参数。

{}

sortName

string

定义可以排序的列。

null

sortOrder

string

定义列的排序顺序,只能用 'asc' 'desc'

asc

remoteSort

boolean

定义是否从服务器给数据排序。

true

showFooter

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用 Vue 實作可編輯的資料表格? 如何使用 Vue 實作可編輯的資料表格? Jun 25, 2023 pm 06:20 PM

隨著前端技術的不斷發展,資料表格成為企業管理及資料展示的重要工具之一。在日常開發中,有時需要在資料表中進行資料修改或新增操作,這時候就需要實作可編輯的資料表格。本文將介紹如何使用Vue實作可編輯的資料表。一、實作想法在實現可編輯的資料表格功能時,我們需要考慮以下幾點:資料呈現:將資料渲染到表格中,以便展示和編輯。表格編輯:在表格中對資料進行編輯操作。

HTML、CSS和jQuery:製作一個帶有搜尋功能的資料表格 HTML、CSS和jQuery:製作一個帶有搜尋功能的資料表格 Oct 26, 2023 am 10:03 AM

HTML、CSS和jQuery:製作一個帶有搜尋功能的資料表格在現代網頁開發中,資料表格是常用到的一種元素。而為了方便用戶查找和篩選數據,為數據表格添加搜尋功能成為了一個必不可少的功能。本文將介紹如何使用HTML、CSS和jQuery製作一個具有搜尋功能的資料表格,並提供具體的程式碼範例。一、HTML結構首先,我們需要建立一個基本的HTML結構來容納資料表格

如何使用PHP實作一個簡單的資料表格匯出功能 如何使用PHP實作一個簡單的資料表格匯出功能 Sep 26, 2023 am 09:21 AM

如何使用PHP實作一個簡單的資料表格匯出功能匯出資料表格是我們在開發網站和應用程式中經常遇到的需求之一。因此,學會使用PHP實作資料表格匯出功能是非常重要的。本文將介紹如何使用PHP編寫一個簡單的資料表匯出功能,並提供具體的程式碼範例。首先,我們需要準備一些數據。在本例中,我們使用一個二維陣列來模擬一個名為「students」的資料表,包含了學生的姓名、年齡和

PHP開發:如何實作資料表排序功能 PHP開發:如何實作資料表排序功能 Sep 20, 2023 pm 03:39 PM

PHP開發:如何實現資料表排序功能,需要具體程式碼範例在Web開發中,資料表格是非常常見的展示資料的方式。而對於資料表格,排序功能是一個不可或缺的需求。在PHP開發中,我們可以透過以下步驟來實現資料表格排序功能。資料準備首先,我們需要準備一組待排序的資料。假設這組資料是儲存在一個二維數組中,每個元素包含多個字段,例如姓名、年齡、性別等。為了演示方便,我們在這

如何使用MySQL和JavaScript建立一個動態資料表格 如何使用MySQL和JavaScript建立一個動態資料表格 Sep 21, 2023 am 11:36 AM

如何使用MySQL和JavaScript建立一個動態資料表格概述:在現代的網頁開發中,動態資料表格是非常常見的一個元件。透過使用資料庫管理系統MySQL和前端程式語言JavaScript,我們可以輕鬆地建立一個動態資料表格,用於展示並操作資料庫中的資料。本文將詳細介紹如何使用MySQL和JavaScript來建立一個動態資料表格,並提供具體的程式碼範例。步驟:

MySQL中的資料表格檢視技巧 MySQL中的資料表格檢視技巧 Jun 15, 2023 pm 05:56 PM

作為一款廣泛應用於Web應用程式的關聯式資料庫管理系統,MySQL是常用的一種資料庫平台。在使用MySQL時,操作資料表是一項基本的技能。本文將介紹一些MySQL中的資料表檢視技巧,以便於管理員和開發人員更能理解並利用這個強大的資料庫管理系統。一、使用命令列查看資料表1.1查詢資料表在MySQL中,可以使用SELECT語句查詢資料表。例如,如

MySQL中的高階資料表設計技巧 MySQL中的高階資料表設計技巧 Jun 15, 2023 am 08:21 AM

MySQL是一種流行的關聯式資料庫管理系統,擁有強大的資料表設計能力。對於開發人員和資料庫管理員來說,掌握MySQL中的高階資料表設計技巧是非常重要的。本文將討論MySQL中的一些進階資料表設計技巧,以協助您建立高效率的資料庫。使用索引來提高效能在MySQL中,索引是一種用於加速查詢的資料結構。透過將索引儲存在記憶體中,MySQL可以快速定位所需的資料行。

如何使用Vue和Element-UI實現可編輯的資料表格 如何使用Vue和Element-UI實現可編輯的資料表格 Jul 21, 2023 pm 08:37 PM

如何使用Vue和Element-UI實現可編輯的數據表格引言:在Web開發中,數據表格是一個非常常見的元件,它能夠以表格的形式展示大量數據,並且可以進行排序、篩選和編輯等操作。本文將介紹如何使用Vue和Element-UI來實作一個可編輯的資料表。一、準備工作首先,我們需要安裝Vue和Element-UI。 1.建立一個Vue專案:vu

See all articles