Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
35
Column fixing on both sides in ig Grid not working
posted

Hi,

I have implemented an ig Grid in my application where I am trying to fix the columns of grid at both the ends. But I am not able to do this. It allows me to fix column at right or left side but not both the sides. Is there any way to fix the column at both sides. Below is the line of code I am already using:

$("#grid").igGrid({
primaryKey: "colId",
autofitLastColumn: false,
autoGenerateColumns: false,
dataSource: dataSource,
responseDataKey: "results",
columns: [
{ headerText: "Column One", key: "colOne", dataType: "string", width: "140px" },
{ headerText: "Column Two", key: "colTwo", dataType: "string", width: "140px" },
{ headerText: "Column Three", key: "colThree", dataType: "string", width: "140px" },
{ headerText: "Column Four", key: "colFour", dataType: "string", width: "140px" },
{ headerText: "Column Five", key: "colFive", dataType: "string", width: "140px" },
{ headerText: "Column Six", key: "colSix", dataType: "string", width: "140px" },
.....
......
......
......
{ headerText: "Column Eleven", key: "colEleven", dataType: "string", width: "140px" }],
features: [
{
name: "ColumnFixing",
fixingDirection: "left", // I want Both right and left columns to be fixed
columnSettings: [
{
columnKey: "colOne",
isFixed: true,
allowFixing: false
},
{
columnKey: "colTwo",
isFixed: true,
allowFixing: false
}
]
},
{
name: "Sorting",
type: "local",
},
{
name: "Filtering",
type: "local",
},
{
name: "Paging",
type: "local",
pageSize: 5
}
]
});

This gives me expected grid with all data, but only one side column can be fixed not both sides. My requirement is to fix columns both side. 

Please help me in this regard.

Thank you in advance.

Parents
No Data
Reply
  • 23953
    Offline posted

    Hello Sai,

    igGrid Column Fixing doesn't support fixing columns on both sides of the grid.

    You can suggest this functionality as a new product idea for future versions at <http://ideas.infragistics.com>. 

    There are many benefits to submitting a product idea:

     - Direct communication with our product management team regarding your product idea.

    - Notifications whenever new information regarding your idea becomes available.

    - Ability to vote on your favorite product ideas to let us know which ones are the most important to you.  You will have ten votes for this and can change which ideas you are voting for at any time.

    - Allow you to shape the future of our products by requesting new controls and products altogether.

    - You and other developers can discuss existing product ideas with members of our Product Management team.

     Steps to create your idea:

     1. Log into the Infragistics Product Idea site at http://ideas.infragistics.com (creating a new login if needed).

    2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)

    3. Add your product idea and be sure to be specific and provide as much detail as possible.

        • Explain the context in which a feature would be used, why it is needed, why it cant be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!

        • Include a link to this thread in your idea so product management will be able to look back at this case.

    The Product Idea site puts you in the drivers seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.

    Best regards,
    Martin Pavlov
    Infragistics, Inc.

Children