웹 프론트엔드 JS 튜토리얼 jQuery EasyUI API 중국어 문서 - DataGrid 데이터 table_jquery

jQuery EasyUI API 중국어 문서 - DataGrid 데이터 table_jquery

May 16, 2016 pm 05:59 PM
데이터 테이블

$.fn.datagrid.defaults 재정의 기본값을 사용하여 $.fn.panel.defaults 에서 확장되었습니다.
종속성
패널
크기 조정 가능
링크버튼
페이지 매김
사용

코드 복사 코드는 다음과 같습니다.



코드 복사 코드는 다음과 같습니다.

$('#tt').datagrid({
url:'datagrid_data.json',
열:[[
{필드:'코드',제목:'코드',너비:100},
{필드:'이름',제목:'이름',너비:100},
{필드:'가격',제목:'가격',너비:100,정렬:'오른쪽'}
]]
})

数据表格(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

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

그렇습니다

바닥글 표시

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Vue를 사용하여 편집 가능한 데이터 테이블을 구현하는 방법은 무엇입니까? Vue를 사용하여 편집 가능한 데이터 테이블을 구현하는 방법은 무엇입니까? Jun 25, 2023 pm 06:20 PM

프런트 엔드 기술의 지속적인 개발로 인해 데이터 테이블은 기업 관리 및 데이터 표시를 위한 중요한 도구 중 하나가 되었습니다. 일상적인 개발에서는 데이터 테이블의 데이터를 수정하거나 추가해야 하는 경우가 있습니다. 이때 편집 가능한 데이터 테이블을 구현해야 합니다. 이 글에서는 Vue를 사용하여 편집 가능한 데이터 테이블을 구현하는 방법을 소개합니다. 1. 구현 아이디어 편집 가능한 데이터 테이블 기능을 구현할 때 다음 사항을 고려해야 합니다. 데이터 표현: 표시 및 편집을 위해 데이터를 테이블로 렌더링합니다. 테이블 편집: 테이블의 데이터를 편집합니다.

HTML, CSS 및 jQuery: 검색 기능이 포함된 데이터 테이블 만들기 HTML, CSS 및 jQuery: 검색 기능이 포함된 데이터 테이블 만들기 Oct 26, 2023 am 10:03 AM

HTML, CSS 및 jQuery: 검색 기능을 사용하여 데이터 테이블 만들기 현대 웹 개발에서 데이터 테이블은 자주 사용되는 요소입니다. 사용자가 데이터를 쉽게 찾고 필터링하기 위해서는 데이터 테이블에 검색 기능을 추가하는 것이 필수 기능이 되었습니다. 이 기사에서는 HTML, CSS 및 jQuery를 사용하여 검색 기능이 있는 데이터 테이블을 만드는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. HTML 구조 먼저, 데이터 테이블을 수용할 기본 HTML 구조를 만들어야 합니다.

PHP를 사용하여 간단한 데이터 테이블 내보내기 기능을 구현하는 방법 PHP를 사용하여 간단한 데이터 테이블 내보내기 기능을 구현하는 방법 Sep 26, 2023 am 09:21 AM

PHP를 사용하여 간단한 데이터 테이블 내보내기 기능을 구현하는 방법 데이터 테이블 내보내기는 웹사이트와 애플리케이션을 개발할 때 자주 접하게 되는 요구 사항 중 하나입니다. 따라서 PHP를 사용하여 데이터 테이블 내보내기 기능을 구현하는 방법을 배우는 것이 매우 중요합니다. 이 기사에서는 PHP를 사용하여 간단한 데이터 테이블 내보내기 기능을 작성하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저, 몇 가지 데이터를 준비해야 합니다. 이 예에서는 2차원 배열을 사용하여 학생의 이름, 나이 및 이름이 포함된 "students"라는 데이터 테이블을 시뮬레이션합니다.

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

MySQL은 웹 애플리케이션에서 널리 사용되는 관계형 데이터베이스 관리 시스템으로 일반적으로 사용되는 데이터베이스 플랫폼입니다. MySQL을 사용할 때 데이터 테이블을 조작하는 것은 기본 기술입니다. 이 기사에서는 관리자와 개발자가 이 강력한 데이터베이스 관리 시스템을 더 잘 이해하고 활용할 수 있도록 MySQL의 몇 가지 데이터 테이블 보기 기술을 소개합니다. 1. 명령줄을 사용하여 데이터 테이블 보기 1.1 데이터 테이블 쿼리 MySQL에서는 SELECT 문을 사용하여 데이터 테이블을 쿼리할 수 있습니다. 예를 들어,

PHP 개발: 데이터 테이블 정렬 기능 구현 방법 PHP 개발: 데이터 테이블 정렬 기능 구현 방법 Sep 20, 2023 pm 03:39 PM

PHP 개발: 데이터 테이블 정렬 기능을 구현하려면 특정 코드 예제가 필요합니다. 웹 개발에서 데이터 테이블은 데이터를 표시하는 매우 일반적인 방법입니다. 데이터 테이블의 경우 정렬 기능은 필수 요구 사항입니다. PHP 개발에서는 다음 단계를 통해 데이터 테이블 정렬 기능을 구현할 수 있습니다. 데이터 준비 먼저 정렬할 데이터 세트를 준비해야 합니다. 이 데이터 세트가 2차원 배열에 저장되어 있고 각 요소에 이름, 나이, 성별 등과 같은 여러 필드가 포함되어 있다고 가정합니다. 데모를 위해 여기서는

Vue 및 Element-UI를 사용하여 편집 가능한 데이터 테이블을 구현하는 방법 Vue 및 Element-UI를 사용하여 편집 가능한 데이터 테이블을 구현하는 방법 Jul 21, 2023 pm 08:37 PM

Vue 및 Element-UI를 사용하여 편집 가능한 데이터 테이블을 구현하는 방법 소개: 웹 개발에서 데이터 테이블은 많은 양의 데이터를 테이블 형식으로 표시할 수 있고 정렬, 필터링과 같은 작업을 수행할 수 있는 매우 일반적인 구성 요소입니다. , 편집. 이 기사에서는 Vue 및 Element-UI를 사용하여 편집 가능한 데이터 테이블을 구현하는 방법을 소개합니다. 1. 준비 먼저 Vue와 Element-UI를 설치해야 합니다. 1. Vue 프로젝트 만들기: vu

ThinkPHP6을 사용하여 데이터 테이블 표시 실현 ThinkPHP6을 사용하여 데이터 테이블 표시 실현 Jun 21, 2023 am 08:37 AM

인터넷 기술의 발달로 인해 데이터에 대한 수요가 증가하고 있으며, 특히 기업이나 기관 등 데이터를 관리하고 분석해야 하는 조직에서는 더욱 그렇습니다. 이러한 맥락에서 데이터 테이블은 데이터를 표시하는 데 매우 중요하고 일반적으로 사용되는 방법이 되었기 때문에 ThinkPHP6을 사용하여 데이터 테이블을 표시하는 방법을 익히는 것이 매우 필요해졌습니다. ThinkPHP는 MVC 아키텍처와 객체 지향 프로그래밍 아이디어를 사용하는 인기 있는 PHP 개발 프레임워크로, 클래스 라이브러리 캡슐화와 모듈식 설계를 통해 코드의 가독성을 크게 향상시킬 수 있습니다.

See all articles