Emmited when the active node is changed.
グリッドが空のときに行 UI を追加するためのカスタム テンプレートを取得または設定します。
Emitted after advanced filtering is performed.
列を自動生成するかどうかを取得または設定します。
Emitted when IgxGridCellComponent
is clicked.
Emitted when cell has been edited.
Emitted after cell has been edited and editing has been committed.
Emitted when cell enters edit mode.
Emitted when cell exits edit mode.
Controls the copy behavior of the grid.
Emitted when a column is initialized.
Emitted during the column moving operation.
Emitted when column moving ends.
Emitted when column moving starts.
Emitted before IgxColumnComponent
is pinned.
Emitted after IgxColumnComponent
is pinned.
Emitted after column is resized.
Emitted when IgxColumnComponent
is selected.
Emitted after column visibility is changed.
Emitted before column visibility is changed.
Emitted when a cell is right clicked.
新しいデータ チャンクが仮想化から読み込まれたときに発生されます。
Emitted when a cell is double clicked.
Gets the row ID that is being dragged.
GroupBy ドロップ領域として描画されるテンプレートを取得または設定します。
A template reference for the template when the filtered grid is empty.
A template reference for the template when the grid is empty.
空の場合のカスタム テンプレートを取得または設定します。
Gets/Sets the styling classes applied to all even IgxGridRowComponent
s in the grid.
The custom template, if any, that should be used when rendering a row expand indicator.
Emitted before filtering expressions are applied.
Emitted after filtering is performed through the UI.
Emitted after filtering is performed.
Emitted when a copy operation is executed.
Emitted when keydown is triggered over element inside grid's body.
Emitted when grid is scrolled horizontally/vertically.
作成したグループを展開または縮小として描画されるかどうかを取得または設定します。
グループ化レコードの階層表現を取得します。
The custom template, if any, that should be used when rendering a header collapse indicator.
The custom template, if any, that should be used when rendering a header expand indicator.
id
属性の値を取得または設定します。
読み込み時のカスタム テンプレートを取得または設定します。
Gets/Sets the styling classes applied to all odd IgxGridRowComponent
s in the grid.
列がグループ化/グループ解除されたときに発生します。
Emitted after the current page is changed.
Gets/Sets a custom ng-template
for the pagination UI of the grid.
Emitted after paging is performed.
Emitted when perPage
property value of the grid is changed.
Gets/Sets the primary key.
Emitted when making a range selection.
Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM
Emitted when a row added through the API.
The custom template, if any, that should be used when rendering a row collapse indicator.
Emitted when a row is deleted through API.
Emitted when dropping a row.
Emitted when start dragging a row.
Emitted when exiting edit mode for a row.
Emitted after exiting edit mode for a row and editing has been committed.
Emitted when a row enters edit mode.
Emitted when row editing is canceled.
The custom template, if any, that should be used when rendering a row expand indicator.
Emitted when the pinned state of a row is changed.
Emitted when IgxGridRowComponent
is selected.
Emitted when the expanded state of a row gets changed.
Emitted when IgxGridCellComponent
is selected.
Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid
行追加の snackbar 通知の表示時間を取得/設定します。
Emitted before sorting expressions are applied.
Emitted after sorting is completed.
Emitted before sorting is performed.
Emitted when an export process is initiated by the user.
Gets/Sets a unique values strategy used by the Excel Style Filtering
Gets/Sets the advanced filtering state.
Gets/Sets the advanced filtering state.
Gets/Sets a value indicating whether the advanced filtering is enabled.
Gets/Sets a value indicating whether the advanced filtering is enabled.
Gets/Sets if the filtering is enabled.
Gets/Sets if the filtering is enabled.
Gets/Sets cell selection mode.
Gets/Sets cell selection mode.
Gets/Sets whether the column hiding UI is enabled.
Gets/Sets whether the column hiding UI is enabled.
Gets/Sets the title to be displayed in the built-in column hiding UI.
Gets/Sets the title to be displayed in the built-in column hiding UI.
Gets/Sets if the built-in column pinning UI should be shown in the toolbar.
Gets/Sets if the built-in column pinning UI should be shown in the toolbar.
Gets/Sets the title to be displayed in the UI of the column pinning.
Gets/Sets the title to be displayed in the UI of the column pinning.
Gets/Sets column selection mode
Gets/Sets column selection mode
Gets/Sets the default width of the columns.
Gets/Sets the default width of the columns.
Gets an array of IgxColumnComponent
s.
Gets/Sets the array of data that populates the IgxGridComponent
.
Gets/Sets the array of data that populates the IgxGridComponent
.
A list of currently rendered IgxGridRowComponent
's.
Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid.
Returns the IgxGridHeaderGroupComponent
's minimum allowed width.
Gets the default row height.
Returns the theme of the component.
The default theme is comfortable
.
Available options are comfortable
, cosy
, compact
.
let componentTheme = this.component.displayDensity;
Sets the theme of the component.
The custom template, if any, that should be used when rendering the row drag indicator icon
The custom template, if any, that should be used when rendering the row drag indicator icon
Gets/Sets the message displayed inside the GroupBy drop area where columns can be dragged on.
Gets/Sets the message displayed inside the GroupBy drop area where columns can be dragged on.
Gets if the grid's group by drop area is visible.
Gets/Sets the message displayed when there are no records and the grid is filtered.
Gets/Sets the message displayed when there are no records and the grid is filtered.
Get/Sets the message displayed when there are no records.
Get/Sets the message displayed when there are no records.
Gets/Sets a list of key-value pairs [row ID, expansion state].
Gets/Sets a list of key-value pairs [row ID, expansion state].
Gets/Sets whether the option for exporting to CSV is enabled or disabled.
Gets/Sets whether the option for exporting to CSV is enabled or disabled.
Gets/Sets the textual content for the CSV export button.
Gets/Sets the textual content for the CSV export button.
Gets/Sets whether exporting to MS Excel is enabled or disabled.
Gets/Sets whether exporting to MS Excel is enabled or disabled.
Gets/Sets the textual content for the MS Excel export button.
Gets/Sets the textual content for the MS Excel export button.
Gets/Sets the textual content for the main export button.
Gets/Sets the textual content for the main export button.
A list of all IgxGridFilteringCellComponent
.
Gets/Sets the filter mode.
Gets/Sets the filter mode.
Gets/Sets the filtering strategy of the grid.
Gets/Sets the filtering strategy of the grid.
Gets/Sets an array of objects containing the filtered data.
Gets/Sets an array of objects containing the filtered data.
Returns an array containing the filtered sorted data.
Gets/Sets the filtering state.
Gets/Sets the filtering state.
Gets/Sets the filtering logic of the IgxGridComponent
.
Gets/Sets the filtering logic of the IgxGridComponent
.
Gets/Sets the template reference of the IgxGridComponent
's group area.
Gets/Sets the template reference of the IgxGridComponent
's group area.
Gets/Sets the template reference for the group row.
Gets/Sets the template reference for the group row.
Gets/Sets a list of expansion states for group rows.
Gets/Sets a list of expansion states for group rows.
Gets/Sets the group by state.
Gets/Sets the group by state.
Gets the list of group rows.
Returns if the IgxGridComponent
has column groups.
Returns if the IgxGridComponent
has column layouts for multi-row layout definition.
Returns if the IgxGridComponent
has editable columns.
Returns if the IgxGridComponent
has filterable columns.
Returns if the IgxGridComponent
has groupable columns.
Returns if the IgxGridComponent
has moveable columns.
Returns if the IgxGridComponent
has sortable columns.
Returns if the IgxGridComponent
has summarized columns.
A list of all IgxGridHeaderComponent
.
A list of all IgxGridHeaderGroupComponent
.
Gets the width of the header.
Gets/Sets the height.
Gets/Sets the height.
Gets the number of hidden columns.
Gets/Sets the text to be displayed inside the toggle button.
Gets/Sets the text to be displayed inside the toggle button.
Gets/Sets whether the grouped columns should be hidden.
Gets/Sets whether the grouped columns should be hidden.
Gets/Sets if the row selectors are hidden.
Gets/Sets if the row selectors are hidden.
Gets if the current page is the first page.
Returns if the current page is the last page.
Gets/Sets whether the grid is going to show a loading indicator.
Gets/Sets whether the grid is going to show a loading indicator.
Gets/Sets the locale.
Gets/Sets the locale.
Gets the native element.
Gets/Sets the outlet used to attach the grid's overlays to.
Gets/Sets the outlet used to attach the grid's overlays to.
Gets/Sets the current page index.
Gets/Sets the current page index.
Gets/Sets whether the paging feature is enabled.
Gets/Sets whether the paging feature is enabled.
Gets/Sets the number of visible items per page.
Gets/Sets the number of visible items per page.
Gets an array of the pinned IgxColumnComponent
s.
Gets the number of pinned columns.
Gets/Sets the text to be displayed inside the toggle button.
Gets/Sets the text to be displayed inside the toggle button.
Returns the currently transformed paged/filtered/sorted/grouped pinned row data, displayed in the grid.
Gets an array of the pinned IgxRowComponent
s.
Gets the current width of the container for the pinned IgxColumnComponent
s.
Gets/Sets the initial pinning configuration.
Gets/Sets the initial pinning configuration.
Gets/Sets the resource strings.
Gets/Sets the resource strings.
Gets/Sets whether rows can be moved.
Gets/Sets whether rows can be moved.
Gets/Sets whether the rows are editable.
Gets/Sets whether the rows are editable.
Gets/Sets the row height.
Gets/Sets the row height.
A list of IgxGridRowComponent
.
Gets/Sets row selection mode
Gets/Sets row selection mode
Gets/Sets whether clicking over a row should select/deselect it
Gets/Sets whether clicking over a row should select/deselect it
Returns an array of the selected IgxGridCellComponent
s.
Gets/Sets the current selection state.
Gets/Sets the current selection state.
Returns whether the IgxGridComponent
has group area.
Returns whether the IgxGridComponent
has group area.
Controls whether the summary row is visible when groupBy/parent row is collapsed.
Controls whether the summary row is visible when groupBy/parent row is collapsed.
Gets/Sets whether the toolbar is shown.
Gets/Sets whether the toolbar is shown.
Gets/Sets the sorting strategy of the grid.
Gets/Sets the sorting strategy of the grid.
Gets/Sets the sorting state.
Gets/Sets the sorting state.
Gets/Sets the summary calculation mode.
Gets/Sets the summary calculation mode.
Gets/Sets the summary position.
Gets/Sets the summary position.
Gets/Sets the toolbar's title.
Gets/Sets the toolbar's title.
Gets/Sets the total number of records in the data source.
Gets/Sets the total number of records in the data source.
Gets the total number of pages.
Returns the total number of records.
Returns the total number of records.
Returns the total width of the IgxGridComponent
.
Get transactions service for the grid.
Gets an array of unpinned IgxColumnComponent
s.
Returns currently transformed paged/filtered/sorted/grouped unpinned row data, displayed in the grid.
Gets the current width of the container for the unpinned IgxColumnComponent
s.
Returns the state of the grid virtualization.
Returns an array of visible IgxColumnComponent
s.
Gets/Sets the width of the grid.
Gets/Sets the width of the grid.
Creates a new IgxGridRowComponent
and adds the data record to the end of the data source.
If name is provided, clears the filtering state of the corresponding IgxColumnComponent
.
Clears grouping for particular column, array of columns or all columns.
Name of column or array of column names to be ungrouped.
Removes all the highlights in the cell.
If name is provided, clears the sorting state of the corresponding IgxColumnComponent
.
Closes the advanced filtering dialog.
indicates whether the changes should be applied
Collapses all rows.
Collapses the row by its id.
The row id - primaryKey value or the data record instance.
Removes the IgxGridRowComponent
and the corresponding data record by primary key.
Deselects all columns
Deselects all rows
Deselect specified columns by filed.
Deselect specified rows by ID.
Deselect all rows within a group.
The group record which rows would be deselected.
Disable summaries for the specified column.
Enables summaries for the specified column and applies your customSummary.
Finishes the row transactions on the current row.
Expands all rows.
Expands the row by its id.
The row id - primaryKey value or the data record instance.
Filters a single IgxColumnComponent
.
Filters all the IgxColumnComponent
in the IgxGridComponent
with the same condition.
Finds the next occurrence of a given string in the grid and scrolls to the cell if it isn't visible.
the string to search.
optionally, if the search should be case sensitive (defaults to false).
optionally, if the text should match the entire value (defaults to false).
Finds the previous occurrence of a given string in the grid and scrolls to the cell if it isn't visible.
the string to search.
optionally, if the search should be case sensitive (defaults to false).
optionally, if the text should match the entire value (defaults to false).
Expands the specified group and all of its parent groups.
The group record to fully expand.
Returns the IgxGridCellComponent
that matches the conditions.
Returns an IgxGridCellComponent
object by the specified primary key and column field.
match any rowID
Returns the IgxColumnComponent
by field name.
Gets the width
to be set on IgxGridHeaderGroupComponent
.
Returns ICellPosition
which defines the next cell,
according to the current position, that match specific criteria.
Gets calculated width of the pinned area.
If we should take into account the hidden columns in the pinned area.
Returns ICellPosition
which defines the previous cell,
according to the current position, that match specific criteria.
Returns the IgxGridRow
by index.
Returns IgxGridRow
object by the specified primary key.
Returns the data that is contained in the row component.
correspond to rowID
Returns an array of the current columns selection in the form of [{ column.field: cell.value }, ...]
.
Groups by a new IgxColumnComponent
based on the provided expression, or modifies an existing one.
Returns if a group is expanded or not.
The group record.
Returns whether the record is pinned or not.
Index of the record in the filteredSortedData
collection.
Triggers change detection for the IgxGridComponent
.
Calling markForCheck also triggers the grid pipes explicitly, resulting in all updates being processed.
May degrade performance if used when not needed, or if misused:
```typescript // DON'Ts: // don't call markForCheck from inside a loop // don't call markForCheck when a primitive has changed grid.data.forEach(rec => { rec = newValue; grid.markForCheck(); });
// DOs // call markForCheck after updating a nested property grid.data.forEach(rec => { rec.nestedProp1.nestedProp2 = newValue; }); grid.markForCheck();
Places a column before or after the specified target column.
Navigates to a position in the grid based on provided rowindex
and visibleColumnIndex
.
Goes to the next page, if the grid is not already at the last page.
Opens the advanced filtering dialog.
Goes to the desired page index.
Pins a column by field name.
Goes to the previous page, if the grid is not already at the first page.
Recalculates grid width/height dimensions.
Reapplies the existing search.
Selects all columns
Selects all rows
Select specified columns.
if true clears the current selection
Select specified rows by ID.
if true clears the current selection
Select all rows within a group.
Get current selected columns.
Sort a single IgxColumnComponent
.
Toggles the expansion state of all group rows recursively.
Toggles the specified column's visibility.
Toggles the expansion state of a group.
The group record to toggle.
Toggles the row by its id.
The row id - primaryKey value or the data record instance.
Unpins a column by field name. Returns whether the operation is successful.
Updates the IgxGridRowComponent
and the corresponding data record by primary key.
the new value which is to be set.
corresponds to rowID.
corresponds to column field.
Updates the IgxGridRowComponent
correspond to rowID
グリッドは、表データを表示および操作する方法を提供します。
IgxGridModule
Grids & Lists
grid, table
igx-grid-theme
Ignite UI Grid は簡単に表データを表示して操作するために使用されます。データをバインドした後、フィルタリング、並べ替え、および編集操作を使用して変更できます。