Skip to Content

Grid table MultiToggle select in the TabContainer

Hi all,

i want to select row grid table in the TabContainer tab.But it is not possible to select row.

it is like as read only.

How can i select row in the grid table on TabContainer tab?

	<TabContainer items="{ path: '/employees' }" id="myTabContainer"
					showAddNewButton="true"
					class="sapUiResponsiveContentPadding"
					addNewButtonPress="addNewButtonPressHandler" itemClose="itemCloseHandler">
		<items >
			<TabContainerItem name="{name}" modified="{modified}">
				<content>
						<t:Table
				rows="{/employees}"
				title="Products"
				selectionMode="MultiToggle"
				visibleRowCount="7">
				<t:columns>
					<t:Column width="11rem">
						<Label text="Product Name" />
						<t:template>
							<Text text="{name}" wrapping="false" />
						</t:template>
					</t:Column>
				</t:columns>
			</t:Table>
				</content>
			</TabContainerItem>
		</items>
	</TabContainer>
tab1.png (13.8 kB)
Add a comment
10|10000 characters needed characters exceeded

Assigned Tags

Related questions

2 Answers

  • Best Answer
    Posted on Mar 20, 2018 at 08:45 AM

    It looks like the option to set or edit the content inside the Tab container is affected by the items set to the container.

    When, I tried the code, I found that table works with tab container BUT no items should be set to the container. Once items are set, the default behavior of table is lost.

    Check screenshots.

    Code:

    	<TabContainer  id="myTabContainer" showAddNewButton="true" class="sapUiResponsiveContentPadding"
    		addNewButtonPress="addNewButtonPressHandler" itemClose="itemCloseHandler">
    		<items >
    			<TabContainerItem name="{name}" >
    				<content>
    					<t:Table rows="{/new_employees}" title="Products" >
    						<t:columns>
    							<t:Column width="11rem">
    								<Label text="Product Name"/>
    								<t:template>
    									<Text text="{name}" wrapping="false"/>
    								</t:template>
    							</t:Column>
    						</t:columns>
    					</t:Table>
    				</content>
    			</TabContainerItem>
    		</items>
    	</TabContainer>
     

    tabcontainer.png (33.2 kB)
    Add a comment
    10|10000 characters needed characters exceeded

  • Posted on Oct 17, 2019 at 05:58 AM

    Hi All,

    As they improved the NavContainer and Table Selection behavior from 1.69.0 on wards, is is working from 1.69 and above. Grid Table Selection working fine perfectly inside the tab container.

    Thanks ,

    Regards,

    JK.

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.