Skip to content

feat(grid-lite): adding grid lite samples #1079

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Nov 19, 2025
Merged

feat(grid-lite): adding grid lite samples #1079

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions browser/public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -236,6 +236,7 @@
<a class="nav-link" href="#" data-nav="/samples/charts/data-chart/tooltip-template">─<span>Tooltip Template</span></a>
<a class="nav-link" href="#" data-nav="/samples/charts/data-chart/transition-event">─<span>Transition Event</span></a>
<a class="nav-link" href="#" data-nav="/samples/charts/data-chart/trendline-layer">─<span>Trendline Layer</span></a>
<a class="nav-link" href="#" data-nav="/samples/charts/data-chart/user-annotation-layer">─<span>User Annotation Layer</span></a>
<a class="nav-link" href="#" data-nav="/samples/charts/data-chart/waterfall-chart">─<span>Waterfall Chart</span></a>
</div>
<label id="nav-data-pie-chart" class="nav-component">Data Pie Chart</label>
Expand Down Expand Up @@ -486,6 +487,8 @@
<a class="nav-link" href="#" data-nav="/samples/grids/grid/cascading-combo">─<span>Cascading Combo</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-editing-sample">─<span>Cell Editing Sample</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-editing-styling">─<span>Cell Editing Styling</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-merge">─<span>Cell Merge</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-merge-custom-sample">─<span>Cell Merge Custom Sample</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-selection-mode">─<span>Cell Selection Mode</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/cell-selection-style">─<span>Cell Selection Style</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/change-icons-custom">─<span>Change Icons Custom</span></a>
Expand All @@ -499,6 +502,7 @@
<a class="nav-link" href="#" data-nav="/samples/grids/grid/column-moving-options">─<span>Column Moving Options</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/column-moving-styles">─<span>Column Moving Styles</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning">─<span>Column Pinning</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning-both-sides">─<span>Column Pinning Both Sides</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning-options">─<span>Column Pinning Options</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning-right-side">─<span>Column Pinning Right Side</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/column-pinning-styles">─<span>Column Pinning Styles</span></a>
Expand Down Expand Up @@ -592,13 +596,30 @@
<a class="nav-link" href="#" data-nav="/samples/grids/grid/toolbar-sample-4">─<span>Toolbar Sample4</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid/toolbar-style">─<span>Toolbar Style</span></a>
</div>
<label id="nav-grid-lite" class="nav-component">Grid Lite</label>
<div id="nav-grid-lite-list" class="nav-list" state="collapsed">
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/column-config-dynamic">─<span>Column Config Dynamic</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/column-config-headers">─<span>Column Config Headers</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/column-config-sample">─<span>Column Config Sample</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/data-binding-dynamic">─<span>Data Binding Dynamic</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/filtering-pipeline">─<span>Filtering Pipeline</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/filtering-simple">─<span>Filtering Simple</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/overview">─<span>Overview</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/sorting-events">─<span>Sorting Events</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/sorting-grid-config">─<span>Sorting Grid Config</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/sorting-pipeline">─<span>Sorting Pipeline</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/sorting-simple">─<span>Sorting Simple</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/grid-lite/styling-custom">─<span>Styling Custom</span></a>
</div>
<label id="nav-hierarchical-grid" class="nav-component">Hierarchical Grid</label>
<div id="nav-hierarchical-grid-list" class="nav-list" state="collapsed">
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/action-strip">─<span>Action Strip</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/advanced-filtering-options">─<span>Advanced Filtering Options</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/advanced-filtering-style">─<span>Advanced Filtering Style</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-editing-sample">─<span>Cell Editing Sample</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-editing-styling">─<span>Cell Editing Styling</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-merge">─<span>Cell Merge</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-merge-custom-sample">─<span>Cell Merge Custom Sample</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-selection-mode">─<span>Cell Selection Mode</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-selection-overview">─<span>Cell Selection Overview</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/cell-selection-style">─<span>Cell Selection Style</span></a>
Expand All @@ -610,6 +631,7 @@
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-moving-options">─<span>Column Moving Options</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-moving-styles">─<span>Column Moving Styles</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning">─<span>Column Pinning</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning-both-sides">─<span>Column Pinning Both Sides</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning-options">─<span>Column Pinning Options</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning-right-side">─<span>Column Pinning Right Side</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/hierarchical-grid/column-pinning-styles">─<span>Column Pinning Styles</span></a>
Expand Down Expand Up @@ -705,6 +727,8 @@
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/advanced-filtering-style">─<span>Advanced Filtering Style</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-editing-sample">─<span>Cell Editing Sample</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-editing-styling">─<span>Cell Editing Styling</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-merge">─<span>Cell Merge</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-merge-custom-sample">─<span>Cell Merge Custom Sample</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-selection-mode">─<span>Cell Selection Mode</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/cell-selection-style">─<span>Cell Selection Style</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/clipboard-operations">─<span>Clipboard Operations</span></a>
Expand All @@ -716,6 +740,7 @@
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-moving-options">─<span>Column Moving Options</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-moving-styles">─<span>Column Moving Styles</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning">─<span>Column Pinning</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning-both-sides">─<span>Column Pinning Both Sides</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning-options">─<span>Column Pinning Options</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning-right-side">─<span>Column Pinning Right Side</span></a>
<a class="nav-link" href="#" data-nav="/samples/grids/tree-grid/column-pinning-styles">─<span>Column Pinning Styles</span></a>
Expand Down Expand Up @@ -1069,6 +1094,10 @@
<a class="nav-link" href="#" data-nav="/samples/layouts/tabs/scrolling">─<span>Scrolling</span></a>
<a class="nav-link" href="#" data-nav="/samples/layouts/tabs/styling">─<span>Styling</span></a>
</div>
<label id="nav-tailwind" class="nav-component">Tailwind</label>
<div id="nav-tailwind-list" class="nav-list" state="collapsed">
<a class="nav-link" href="#" data-nav="/samples/layouts/tailwind/styling">─<span>Styling</span></a>
</div>
<label id="nav-tile-manager" class="nav-component">Tile Manager</label>
<div id="nav-tile-manager-list" class="nav-list" state="collapsed">
<a class="nav-link" href="#" data-nav="/samples/layouts/tile-manager/actions">─<span>Actions</span></a>
Expand Down
3 changes: 2 additions & 1 deletion browser/tasks/gulp-samples.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1011,7 +1011,8 @@ function updateIG(cb) {
{ version: "6.3.0-beta.0", name: "igniteui-webcomponents-spreadsheet" },
{ version: "6.3.0-beta.0", name: "igniteui-webcomponents-datasources" },
{ version: "6.3.0-beta.0", name: "igniteui-webcomponents-dashboards" },
// these IG packages are sometimes updated:
// these IG packages are sometimes updated:
{ version: "^1.0.0-alpha.9", name: "igniteui-grid-lite" },
{ version: "6.2.0", name: "igniteui-webcomponents-grids" },
{ version: "^6.3.1" , name: "igniteui-webcomponents" },
{ version: "1.16.0", name: "igniteui-dockmanager" },
Expand Down
Loading
Loading