Providing data to the grid
3330 단어 grid
Providing data to the grid
Page History
Overview
The data is passed to the grid via the constructor and can also be accessed using the setData(data)
and getData()
methods. Data itself can be either an array-like object with a length
property and an indexer ( data[index]
) or a custom data provider implementing the following interface:
getLength()
- returns the number of data items in the set getItem(index)
- returns the item at a given index getItemMetadata(index)
- returns the metadata for the item at a given index (optional) Item Metadata
getItemMetadata
provides a powerful way of specifying additional information about a data item that let the grid customize the appearance and handling of a particular data item. The method should return null
if the item requires no special handling, or an object in the following general format: {
// properties describing metadata related to the item (i.e. grid row) itself
"<property>": value,
"<property>": value,
// properties describing metadata related to individual columns
"columns": {
"<column index>": {
// metadata indexed by column index
"<property>": value,
"<property>": value
},
"<column id>": {
// metadata indexed by column id
"<property>": value,
"<property>": value
}
}
}
Row-level properties
cssClasses
(string) - One or more (space-separated) CSS classes to be added to the entire row. focusable
(boolean) - Whether or not any cells in the row can be set as "active". selectable
(boolean) - Whether or not a row or any cells in it can be selected. Column-level properties
focusable
(boolean) - Whether or not a cell can be set as "active". selectable
(boolean) - Whether or not a cell can be selected. formatter
(Function) - A custom cell formatter. editor
(Function) - A custom cell editor. colspan
(number|string) - Number of columns this cell will span. Can also contain "*"to indicate that the cell should span the rest of the row. Order of checks
When looking up a property, the grid checks in the following order:
Examples
See colspan example .
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
CSS 그리드로 2차원 레이아웃 구축이 기사를 쓰기 전에 나는 1D 레이아웃을 행 또는 열로 만들고 더 구체적으로 다음과 같이 그리드 내부의 요소에 고정 크기를 제공하기 위해 CSS Grid를 사용했습니다. 한 번에 훌륭한 2D 레이아웃을 만드는 데 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.