New-HtmlXDataGrid

Namespace HtmlForgeX.PowerShell

Outputs

HtmlForgeX.TablerDataGrid

Creates a Tabler DataGrid container.

Remarks

Part of the HtmlForgeX.PowerShell DSL.

Examples

Authored help example

Example 1: Create a data grid with a few items.


New-HtmlXDataGrid -Layout Default -Spacing Medium {
    New-HtmlXDataGridItem -Title "Server" -Content "srv-01"
    New-HtmlXDataGridStatusItem -Title "Status" -Text "Healthy" -Color Success
}

Common Parameters

This command supports the common parameters: -Debug, -ErrorAction, -ErrorVariable, -InformationAction, -InformationVariable, -OutVariable, -OutBuffer, -PipelineVariable, -Verbose, -WarningAction, and -WarningVariable.

For more information, see about_CommonParameters.

Syntax

New-HtmlXDataGrid [-Content <ScriptBlock>] [-Compact] [-FullyResponsive] [-Layout <Default|Compact|Spacious|Horizontal|Custom>] [-MobileResponsive] [-NarrowTitles] [-NaturalTitles] [-Responsive <Mobile|Tablet|Always|Custom>] [-Spacing <ExtraSmall>] [-Spacious] [-Tiles] [-TitleWidth <Auto>] [-WideTitles] [<CommonParameters>]

Parameters

Content ScriptBlock optionalposition: 0pipeline: false: Scriptblock that emits data grid items.
Compact SwitchParameter optionalposition: namedpipeline: false: Renders the grid in compact style.
FullyResponsive SwitchParameter optionalposition: namedpipeline: false: Enables full responsive behavior.
Layout TablerDataGridLayout optionalposition: namedpipeline: falsevalues: 5: Sets grid layout mode. Possible values: Default, Compact, Spacious, Horizontal, Custom; Possible values: Default, Compact, Spacious, Horizontal, Custom
MobileResponsive SwitchParameter optionalposition: namedpipeline: false: Optimizes the grid for mobile screens.
NarrowTitles SwitchParameter optionalposition: namedpipeline: false: Uses narrow title column widths.
NaturalTitles SwitchParameter optionalposition: namedpipeline: false: Preserves natural case in titles.
Responsive TablerDataGridResponsive optionalposition: namedpipeline: falsevalues: 4: Sets responsive behavior. Possible values: None, Mobile, Tablet, Always, Custom; Possible values: Mobile, Tablet, Always, Custom
Spacing TablerDataGridSpacing optionalposition: namedpipeline: falsevalues: 6: Sets grid spacing mode. Possible values: None, ExtraSmall, Small, Medium, Large, ExtraLarge, Custom; Possible values: ExtraSmall, Small, Medium, Large, ExtraLarge, Custom
Spacious SwitchParameter optionalposition: namedpipeline: false: Renders the grid in spacious style.
Tiles SwitchParameter optionalposition: namedpipeline: false: Arranges items as responsive tiles.
TitleWidth TablerDataGridTitleWidth optionalposition: namedpipeline: falsevalues: 6: Sets default title column width. Possible values: Auto, Narrow, Medium, Wide, ExtraWide, Custom; Possible values: Auto, Narrow, Medium, Wide, ExtraWide, Custom
WideTitles SwitchParameter optionalposition: namedpipeline: false: Uses wide title column widths.

Outputs

HtmlForgeX.TablerDataGrid