CODEWITHSUNDEEP
asp.net-mvcinfragisticsignite-uiiggrid
timz_123
timz_123

Reputation: 437

Fixing Columns in igGrid should show only single 'Add New Row' button for entire row

I am very new in "infragistics" "igGrid" control.

The issue I am facing here is, when updating is enabled in combination with Column Fixing, there are two separate 'Add new row' buttons showing, one for the Fixed Columns area and one for the Non-Fixed Columns area, respectively.

enter image description here

I want that only single 'Add new row' buttons should come i.e, only Fixed Column(left side) 'Add New row' button should show, upon clicking it, user can able to add a new row.

Also, please let me know Is this a default setting of igGrid to show each time 'Add New Row' button for each Fixed Column area ?

Is there any property I can set in HTML code rather then writing some JavaScript function, to solve the issue I am facing ?

Solution I tried: Below is the .xml file of sample/test HTML code of igGrid (Could not post the original HTML code). I tried to set the 2 properties:

HasAddRowFeature="False" AllowAddNewRow="Disable" in 2nd column which is set 'Isfixed', but its not giving the desired output.

<Index ID="_Index" PrimaryKeyColumn ="RECORD_ID"  Width="1000px" HasAddRowFeature="True" HasDeleteRowFeature="True">

    <Column  Key="RECORD_ID" Text="" DataType="string" Width="0px" IsHidden="true" IsReadonly="true" />

    <Column  Key="Description" Text="Sample A" DataType="string" Width="150px" IsFixed="true" HasAddRowFeature="False" AllowAddNewRow="Disable" />

    <Column  Key="pqr" Text="Sample B" DataType="Object_List" ComboDataKey="ID" ComboTextKey="NAME" Width="150px" IsFixed="true"  />
    <Column  Key="abc" Text="Sample C" DataType="number" Width="100px" />
    <Column  Key="xyz" Text="Sample D" DataType="number" Width="100px"/>

</Index>

Please suggest some solution. Thanks in advance.

Upvotes: 2

Views: 631

Answers (1)

Konstantin Dinev
Konstantin Dinev

Reputation: 34905

You can hide the second addRow button with the following code after initializing the igGrid:

$("#gridid .ui-iggrid-addrow:eq(2) span").hide();

I would suggest updating the code in your question as the code you've posted is not for the igGrid.

Upvotes: 2

Related Questions