I have 1 table for header which is fixed and below that i have another table for rows in which i am using scroll container. I want to know how to make alignment of header columns with rows when i add new rows to my table.
kindly find below xml view:
<Table showNoData='false' id="ID_TBL_HD_NEW">
<columns>
<Column>
<header> <Text text="{i18n>leadId}" /> </header>
</Column>
<Column>
<header> <Text text="{i18n>description}" /> </header>
</Column>
<Column>
<header> <Text text='CompanyCode' /> </header>
</Column>
<Column>
<header> <Text text='ContactPerson' /> </header>
</Column>
</columns>
</Table>
<ScrollContainer vertical='true' id="ID_SCROLL_NEW" horizontal="true">
<Table items="{Model>/results}" id="ID_TBL_SCROLL_NEW" itemPress="onPressRow"> <columns>
<Column>
</Column>
<Column>
</Column>
<Column>
</Column>
<Column>
</Column>
</columns>
<items>
<ColumnListItem type="Navigation">
<Link text="{Model>LeadID}" press="navToLeadDetails" />
<Text text="{Model>Description}" />
<Link text="{Model>CompanyCode}" press="onPressCompanyId" />
<Link text="{Model>ContactPerson}" press="onPresscontactPerson" /> </ColumnListItem>
</items>
</Table>
</ScrollContainer>