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
330
grid angularJS showing duplicate header
posted

Folks,

The header is duplicating 3 times on my grid.  I cannot seem to prevent this.   I am using Infragistics 2016.2 and AngularJS.  Its pretty simple. It binds to a variable in scope that is called Holdings.  What would cause the duplicates?

<div class="col-md-8">

<ig-grid id="grid1"

data-source="Holdings"

data-source-type="json"

height="300px"

primary-key="Manager,PortfolioId"

auto-generate-columns="false">

<columns>

<column key="Manager" header-text="Manager" width="150px" data-type="string"></column>

<column key="PortfolioId" header-text="PortfolioId" width="150px" data-type="string"></column>

<column key="RankInPortfolio" header-text="Rank" width="150px" data-type="string"></column>

<column key="PctEquity" header-text="% Equity" width="150px" data-type="string"></column>

<column key="SharesHeld" header-text="Shares" width="150px" data-type="number"></column>

<column key="AverageCostLocal" header-text="Cost" width="150px" data-type="number"></column>

</columns>

<features>

<feature name="Sorting">

</feature>

</features>

</ig-grid>

</div>

</div>

<div class="col-md-8">

<ig-grid id="grid1"

data-source="Holdings"

data-source-type="json"

height="300px"

primary-key="Manager,PortfolioId"

auto-generate-columns="false">

<columns>

<column key="Manager" header-text="Manager" width="150px" data-type="string"></column>

<column key="PortfolioId" header-text="PortfolioId" width="150px" data-type="string"></column>

<column key="RankInPortfolio" header-text="Rank" width="150px" data-type="string"></column>

<column key="PctEquity" header-text="% Equity" width="150px" data-type="string"></column>

<column key="SharesHeld" header-text="Shares" width="150px" data-type="number"></column>

<column key="AverageCostLocal" header-text="Cost" width="150px" data-type="number"></column>

</columns>

<features>

<feature name="Sorting">

</feature>

</features>

</ig-grid>

</div>

</div>