Skip to content

Ttonev/fix both side pin sample #3761

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
dkamburov merged 13 commits into from
Jan 22, 2026
Merged

Ttonev/fix both side pin sample #3761

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
14b1889
fix(sample): fix pin buttons to update pin state
tishko0 Oct 27, 2025
3c826f8
Merge pull request #3795 from IgniteUI/vnext
ChronosSF Nov 26, 2025
c5d0585
Merge pull request #3838 from IgniteUI/vnext
ChronosSF Dec 3, 2025
4d5b972
Merge pull request #3841 from IgniteUI/vnext
ChronosSF Dec 4, 2025
ec79aae
Merge branch 'vnext' into ttonev/fix-both-side-pin-sample
tishko0 Dec 19, 2025
d1a05a0
fix(lob): import IgxCategoryChartModule instead of core
ddaribo Jan 13, 2026
a7dd135
Merge pull request #3867 from IgniteUI/bpachilova/fix-grid-master-det…
ChronosSF Jan 14, 2026
6904863
refactor(sample): Changed pin methods to use api instead
tishko0 Jan 20, 2026
1b0b18d
Merge branch 'vnext', remote-tracking branch 'origin' into ttonev/fix…
tishko0 Jan 20, 2026
08bcf16
Merge branch 'ttonev/fix-both-side-pin-sample' of https://github.com/…
tishko0 Jan 20, 2026
963563e
chore(both-side-pin): add data for Region field
Jan 22, 2026
b86582e
fix(sample): added pining via pai for hgrid & tgrid
tishko0 Jan 22, 2026
92f8707
Merge branch 'ttonev/fix-both-side-pin-sample' of https://github.com/…
tishko0 Jan 22, 2026
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
48 changes: 24 additions & 24 deletions src/app/data/customers.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ export const DATA = [
ContactTitle: "Sales Representative",
Address: "Obere Str. 57",
City: "Berlin",
Region: null,
Region: "East",
PostalCode: "12209",
Country: "Germany",
Phone: "030-0074321",
Expand All @@ -19,7 +19,7 @@ export const DATA = [
ContactTitle: "Owner",
Address: "Avda. de la Constitución 2222",
City: "México D.F.",
Region: null,
Region: "South",
PostalCode: "05021",
Country: "Mexico",
Phone: "(5) 555-4729",
Expand All @@ -31,7 +31,7 @@ export const DATA = [
ContactTitle: "Owner",
Address: "Mataderos 2312",
City: "México D.F.",
Region: null,
Region: "South",
PostalCode: "05023",
Country: "Mexico",
Phone: "(5) 555-3932",
Expand All @@ -43,7 +43,7 @@ export const DATA = [
ContactTitle: "Sales Representative",
Address: "120 Hanover Sq.",
City: "London",
Region: null,
Region: "East",
PostalCode: "WA1 1DP",
Country: "UK",
Phone: "(171) 555-7788",
Expand All @@ -55,7 +55,7 @@ export const DATA = [
ContactTitle: "Order Administrator",
Address: "Berguvsvägen 8",
City: "Luleå",
Region: null,
Region: "South",
PostalCode: "S-958 22",
Country: "Sweden",
Phone: "0921-12 34 65",
Expand All @@ -67,7 +67,7 @@ export const DATA = [
ContactTitle: "Sales Representative",
Address: "Forsterstr. 57",
City: "Mannheim",
Region: null,
Region: "East",
PostalCode: "68306",
Country: "Germany",
Phone: "0621-08460",
Expand All @@ -79,7 +79,7 @@ export const DATA = [
ContactTitle: "Marketing Manager",
Address: "24, place Kléber",
City: "Strasbourg",
Region: null,
Region: "East",
PostalCode: "67000",
Country: "France",
Phone: "88.60.15.31",
Expand All @@ -91,7 +91,7 @@ export const DATA = [
ContactTitle: "Owner",
Address: "C/ Araquil, 67",
City: "Madrid",
Region: null,
Region: "East",
PostalCode: "28023",
Country: "Spain",
Phone: "(91) 555 22 82",
Expand All @@ -103,7 +103,7 @@ export const DATA = [
ContactTitle: "Owner",
Address: "12, rue des Bouchers",
City: "Marseille",
Region: null,
Region: "West",
PostalCode: "13008",
Country: "France",
Phone: "91.24.45.40",
Expand All @@ -127,7 +127,7 @@ export const DATA = [
ContactTitle: "Sales Representative",
Address: "Fauntleroy Circus",
City: "London",
Region: null,
Region: "South",
PostalCode: "EC2 5NT",
Country: "UK",
Phone: "(171) 555-1212",
Expand All @@ -139,7 +139,7 @@ export const DATA = [
ContactTitle: "Sales Agent",
Address: "Cerrito 333",
City: "Buenos Aires",
Region: null,
Region: "East",
PostalCode: "1010",
Country: "Argentina",
Phone: "(1) 135-5555",
Expand All @@ -151,7 +151,7 @@ export const DATA = [
ContactTitle: "Marketing Manager",
Address: "Sierras de Granada 9993",
City: "México D.F.",
Region: null,
Region: "South",
PostalCode: "05022",
Country: "Mexico",
Phone: "(5) 555-3392",
Expand All @@ -163,7 +163,7 @@ export const DATA = [
ContactTitle: "Owner",
Address: "Hauptstr. 29",
City: "Bern",
Region: null,
Region: "East",
PostalCode: "3012",
Country: "Switzerland",
Phone: "0452-076545",
Expand All @@ -187,7 +187,7 @@ export const DATA = [
ContactTitle: "Sales Representative",
Address: "Berkeley Gardens 12 Brewery",
City: "London",
Region: null,
Region: "South",
PostalCode: "WX1 6LT",
Country: "UK",
Phone: "(171) 555-2282",
Expand All @@ -199,7 +199,7 @@ export const DATA = [
ContactTitle: "Order Administrator",
Address: "Walserweg 21",
City: "Aachen",
Region: null,
Region: "South",
PostalCode: "52066",
Country: "Germany",
Phone: "0241-039123",
Expand All @@ -211,7 +211,7 @@ export const DATA = [
ContactTitle: "Owner",
Address: "67, rue des Cinquante Otages",
City: "Nantes",
Region: null,
Region: "East",
PostalCode: "44000",
Country: "France",
Phone: "40.67.88.88",
Expand All @@ -223,7 +223,7 @@ export const DATA = [
ContactTitle: "Sales Agent",
Address: "35 King George",
City: "London",
Region: null,
Region: "East",
PostalCode: "WX3 6FW",
Country: "UK",
Phone: "(171) 555-0297",
Expand All @@ -235,7 +235,7 @@ export const DATA = [
ContactTitle: "Sales Manager",
Address: "Kirchgasse 6",
City: "Graz",
Region: null,
Region: "South",
PostalCode: "8010",
Country: "Austria",
Phone: "7675-3425",
Expand All @@ -259,7 +259,7 @@ export const DATA = [
ContactTitle: "Accounting Manager",
Address: "C/ Moralzarzal, 86",
City: "Madrid",
Region: null,
Region: "East",
PostalCode: "28034",
Country: "Spain",
Phone: "(91) 555 94 44",
Expand All @@ -271,7 +271,7 @@ export const DATA = [
ContactTitle: "Assistant Sales Agent",
Address: "184, chaussée de Tournai",
City: "Lille",
Region: null,
Region: "South",
PostalCode: "59000",
Country: "France",
Phone: "20.16.10.16",
Expand All @@ -283,7 +283,7 @@ export const DATA = [
ContactTitle: "Owner",
Address: "Åkergatan 24",
City: "Bräcke",
Region: null,
Region: "East",
PostalCode: "S-844 67",
Country: "Sweden",
Phone: "0695-34 67 21",
Expand All @@ -295,7 +295,7 @@ export const DATA = [
ContactTitle: "Marketing Manager",
Address: "Berliner Platz 43",
City: "München",
Region: null,
Region: "East",
PostalCode: "80805",
Country: "Germany",
Phone: "089-0877310",
Expand All @@ -307,7 +307,7 @@ export const DATA = [
ContactTitle: "Marketing Manager",
Address: "54, rue Royale",
City: "Nantes",
Region: null,
Region: "South",
PostalCode: "44000",
Country: "France",
Phone: "40.32.21.21",
Expand All @@ -319,7 +319,7 @@ export const DATA = [
ContactTitle: "Sales Representative",
Address: "Via Monte Bianco 34",
City: "Torino",
Region: null,
Region: "East",
PostalCode: "10100",
Country: "Italy",
Phone: "011-4988260",
Expand Down
15 changes: 10 additions & 5 deletions src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,20 +49,25 @@ export class GridBothSideToolbarPinningSampleComponent implements OnInit {

public pinLeft() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinningPosition = ColumnPinningPosition.Start;
col.pinned = true;
if (col.pinned) {
col.unpin();
}
col.pin(undefined, ColumnPinningPosition.Start);
});
}

public pinRight() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinningPosition = ColumnPinningPosition.End;
col.pinned = true;
if (col.pinned) {
col.unpin();
}
col.pin(undefined, ColumnPinningPosition.End);
});
}

public unpinColumn() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinned = false;
col.unpin();
});
}
}
14 changes: 9 additions & 5 deletions ...archical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,21 +71,25 @@ export class HierarchicalGridBothSidePinningSampleComponent implements OnInit {

public pinLeft() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinningPosition = ColumnPinningPosition.Start;
col.pinned = true;
if (col.pinned) {
col.unpin();
}
col.pin(undefined, ColumnPinningPosition.Start);
});
}

public pinRight() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinningPosition = ColumnPinningPosition.End;
col.pinned = true;
if (col.pinned) {
col.unpin();
}
col.pin(undefined, ColumnPinningPosition.End);
});
}

public unpinColumn() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinned = false;
col.unpin();
});
}
}
14 changes: 9 additions & 5 deletions src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,21 +38,25 @@ export class TreeGridBothSidesPinningSampleComponent implements OnInit {

public pinLeft() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinningPosition = ColumnPinningPosition.Start;
col.pinned = true;
if (col.pinned) {
col.unpin();
}
col.pin(undefined, ColumnPinningPosition.Start);
});
}

public pinRight() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinningPosition = ColumnPinningPosition.End;
col.pinned = true;
if (col.pinned) {
col.unpin();
}
col.pin(undefined, ColumnPinningPosition.End);
});
}

public unpinColumn() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
col.pinned = false;
col.unpin();
});
}
}
Loading