Home Web Front-end JS Tutorial jQuery EasyUI API Chinese documentation - DataGrid data table_jquery

jQuery EasyUI API Chinese documentation - DataGrid data table_jquery

May 16, 2016 pm 05:59 PM
data table

Extended from $.fn.panel.defaults , using $.fn.datagrid.defaults overriding defaults .
Dependencies
panel
resizable
linkbutton
pagination
Usage

Copy code The code is as follows:



Copy code The code is as follows:

$('#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

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

그렇습니다

바닥글 표시

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to use Vue to implement an editable data table? How to use Vue to implement an editable data table? Jun 25, 2023 pm 06:20 PM

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 functionality HTML, CSS and jQuery: Make a data table with search functionality Oct 26, 2023 am 10:03 AM

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 How to use PHP to implement a simple data table export function Sep 26, 2023 am 09:21 AM

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

How to create a dynamic data table using MySQL and JavaScript How to create a dynamic data table using MySQL and JavaScript Sep 21, 2023 am 11:36 AM

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:

Data table viewing skills in MySQL Data table viewing skills in MySQL Jun 15, 2023 pm 05:56 PM

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 How to use Vue and Element-UI to implement editable data tables Jul 21, 2023 pm 08:37 PM

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 data table sorting function PHP development: How to implement data table sorting function Sep 20, 2023 pm 03:39 PM

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

Use ThinkPHP6 to realize data table display Use ThinkPHP6 to realize data table display Jun 21, 2023 am 08:37 AM

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.

See all articles