jQuery EasyUI API Chinese documentation - DataGrid data table_jquery
Extended from $.fn.panel.defaults , using $.fn.datagrid.defaults overriding defaults .
Dependencies
panel
resizable
linkbutton
pagination
Usage
$('#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 |
定义是否从服务器给数据排序。 |
그렇습니다 |
바닥글 표시 |

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics



With the continuous development of front-end technology, data tables have become one of the important tools for enterprise management and data display. In daily development, sometimes it is necessary to modify or add data in the data table. At this time, it is necessary to implement an editable data table. This article will introduce how to use Vue to implement editable data tables. 1. Implementation ideas When implementing the editable data table function, we need to consider the following points: Data presentation: Render the data into the table for display and editing. Table editing: Edit data in the table.

HTML, CSS and jQuery: Make a data table with search function In modern web development, data table is a frequently used element. In order to facilitate users to find and filter data, adding search functions to data tables has become an essential function. This article will introduce how to use HTML, CSS and jQuery to create a data table with search function, and provide specific code examples. 1. HTML structure First, we need to create a basic HTML structure to accommodate the data table

How to use PHP to implement a simple data table export function. Exporting data tables is one of the needs we often encounter when developing websites and applications. Therefore, it is very important to learn to use PHP to implement the data table export function. This article will introduce how to use PHP to write a simple data table export function and provide specific code examples. First, we need to prepare some data. In this example, we use a two-dimensional array to simulate a data table named "students", which contains the student's name, age and

Overview of how to create a dynamic data table using MySQL and JavaScript: In modern web development, dynamic data tables are a very common component. By using the database management system MySQL and the front-end programming language JavaScript, we can easily create a dynamic data table for displaying and manipulating data in the database. This article will introduce in detail how to use MySQL and JavaScript to create a dynamic data table and provide specific code examples. step:

As a relational database management system widely used in Web applications, MySQL is a commonly used database platform. When using MySQL, operating data tables is a basic skill. This article will introduce some data table viewing skills in MySQL so that administrators and developers can better understand and utilize this powerful database management system. 1. Use the command line to view the data table 1.1 Query the data table In MySQL, you can use the SELECT statement to query the data table. For example, such as

How to use Vue and Element-UI to implement editable data tables Introduction: In web development, data tables are a very common component. It can display a large amount of data in the form of tables, and can perform operations such as sorting, filtering, and editing. This article will introduce how to use Vue and Element-UI to implement an editable data table. 1. Preparation First, we need to install Vue and Element-UI. 1. Create a Vue project: vu

PHP development: How to implement the data table sorting function, specific code examples are needed. In web development, data tables are a very common way to display data. For data tables, sorting function is an essential requirement. In PHP development, we can implement the data table sorting function through the following steps. Data preparation First, we need to prepare a set of data to be sorted. Assume that this set of data is stored in a two-dimensional array, and each element contains multiple fields, such as name, age, gender, etc. For the sake of demonstration, here we

With the development of Internet technology, the demand for data is increasing, especially for organizations such as enterprises and organizations that need to manage and analyze data. In this context, data tables have become a very important and commonly used way of displaying data, so it has become very necessary to master how to use ThinkPHP6 to display data tables. ThinkPHP is a popular PHP development framework that uses MVC architecture and object-oriented programming ideas. Through class library encapsulation and modular design, it can greatly improve the readability and readability of the code.
