jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery
扩展自 $.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 |

熱AI工具

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

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

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

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

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

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

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

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

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

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

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

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

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

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