Hi
I am using Ignite ui 2013, and i am facing one problem with column fixing feature in grid.
I am trying to use column fixing feature of grid but its not working for me its creating a pinup for me but i am not able to click on that or even its does not fix the column which i have mention at the time of initialization.
$.ig.loader(function () {
var BindData = {};
var BindData.features = [ { name: "Filtering", allowFiltering: true, type: "local" }, { name: "Resizing" }, { name: "Sorting" }, { name: "Selection", mode: "cell" }, { name: "ColumnFixing", columnSettings: [ { columnKey: "PRODUCT_DESCRIPTION", isFixed: true } ] }];
$("gridId").igGrid({ columns: options.columns, autoGenerateColumns: false, autoFormat: true, width : "100%", dataSource: options.data, features: BindData.features });
for column definition i am using
{ headerText: "Product", key: "PRODUCT_DESCRIPTION", dataType: number, format: "", formatter: valueFormater, width: 100px, hidden: false }
Please let me know if i am missing something.
Please help me on urgent basis
Thanks
Hi Vivek,
ColumnFixing doesn't support grid width set in percentages. Try to set the grid width to an absolute value.
Example code:$("gridId").igGrid({ columns: options.columns, autoGenerateColumns: false, autoFormat: true, width : "700px", dataSource: options.data, features: BindData.features });
Best regards,Martin PavlovInfragistics, Inc.
Hi Martin
Thanks for your quick help the solution you suggested worked for me, but can you please help me on this we are setting grid width intentionally to 100% for setting grid to complete page width is there any way to set grid width according user browser with or grid parent container width.
Once again thanks for your help.
Vivek
Hello Vivek,
Basically I'm handling the fixed columns click event. The code in the event handler function is initializing some of the variables which are available in the igGrid.cellClick event, so that you can use them in the event handler.
Here are the event handler variable descriptions:
HI Martin
Once again i am facing one problem with column fixing in one scenario i am dynamically adding a column to grid for that i am using grid destroy method with the help of destroy i am destroying the grid and re rendering the grid with desired column this works fine without column fixing features but as soon as put column fixing features grid is not rendering properly as well as i am not able to see my grid in chrome browser.
In fact i have tried
$("#grid1_fixed").igGrid("destroy");
$("#grid1").igGridColumnFixing("destroy");
but nothing workout for me can you suggest something which will solve my problem.
Our client need this column fixing feature you have any idea upto when infargistic ignite ui 13.2 is going to release with column fixing feature.
The 13.2 release will be out sometime in the Autumn.
You can try to remove the grid DOM placeholder after you destroy the grid and re-append it again on grid recreation.
Hope this helps,Martin PavlovInfragistics, Inc.
Thanks Martin
thats workout for me......
hi martin
i need your small help i am trying to implement row selected with check box grid feature but i am facing one problem.
ehenever i select some row in grid by cjeckboxes and then filter the eow or sort the grid on some colum i am loosing the all selected checkboxes state and going to off state.
can we do something like that even user filter thr grid the cirrent stay of check box should not loose. even i have tried the gridrerender event asbwell s grid row select event forbtsking
for taking data and manuallt set from js but its not working..
please help me on this priority
vivek