Hi,

You can do it from the controller or from the XML view side.

I am going to show you the XML side.

I took the basic example from here and added to it a list from a local json file named "Invoices.json".

In that json file, I added an attribute of a list length named "InvoicesLength" and set it to the length of the list. So, on your json file do the same for each table.

Finally, in the "count" XML attribute of IconTabFilter, I used that value.

Here is the view code

<mvc:View xmlns:l="sap.ui.layout" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"  
          controllerName="sap.m.sample.IconTabBarFiori2.IconTabBar">
	<IconTabBar id="idIconTabBarMulti" expanded="{device>/isNoPhone}" class="sapUiResponsiveContentPadding">
		<items>
			<IconTabFilter icon="sap-icon://hint">
				<Text text="Info content goes here ..."/>
			</IconTabFilter>
			<IconTabFilter icon="sap-icon://attachment" count="{invoice>/InvoicesLength}">
				<List headerText="Title" class="sapUiResponsiveMargin" width="auto" itemPress="handleInvoicePress" items="{invoice>/Invoices}">
					<items>
						<ObjectListItem type="Active" title="{invoice>Quantity} x {invoice>ProductName}"
							number="{ parts: [{path: 'invoice>ExtendedPrice'}], type: 'sap.ui.model.type.Currency', formatOptions: { showMeasure: false } }"
							numberUnit="EUR" numberState="{= ${invoice>ExtendedPrice} <= 50 ? 'Success' : 'Error'}">
						</ObjectListItem>
					</items>
				</List>
			</IconTabFilter>
			<IconTabFilter icon="sap-icon://notes" count="12">
				<Text text="Notes go here ..."/>
			</IconTabFilter>
			<IconTabFilter icon="sap-icon://group">
				<Text text="People content goes here ..."/>
			</IconTabFilter>
		</items>
	</IconTabBar>
</mvc:View>

Here is the controller file

sap.ui.define([
		'jquery.sap.global',
		'sap/ui/core/mvc/Controller',
		'sap/ui/model/json/JSONModel'
	], function(jQuery, Controller, JSONModel) {
	"use strict";


	var ListController = Controller.extend("sap.m.sample.IconTabBarFiori2.IconTabBar", {
		
		onInit : function () {
			var oInvoiceModel = new JSONModel("Invoices.json");
			 	this.getView().setModel(oInvoiceModel, "invoice");
		},
		
		handleInvoicePress: function(){
			alert("A line was selected");
		}
	});




	return ListController;


});

And here is the Invoices.json file

{
  "InvoicesLength": "6",	
  "Invoices": [
	{
	  "ProductName": "Pineapple",
	  "Quantity": 21,
	  "ExtendedPrice": 87.2000,
	  "ShipperName": "Fun Inc.",
	  "ShippedDate": "2015-04-01T00:00:00",
	  "Status": "A"
	},
	{
	  "ProductName": "Milk",
	  "Quantity": 4,
	  "ExtendedPrice": 9.99999,
	  "ShipperName": "ACME",
	  "ShippedDate": "2015-02-18T00:00:00",
	  "Status": "B"
	},
	{
	  "ProductName": "Canned Beans",
	  "Quantity": 3,
	  "ExtendedPrice": 6.85000,
	  "ShipperName": "ACME",
	  "ShippedDate": "2015-03-02T00:00:00",
	  "Status": "B"
	},
	{
	  "ProductName": "Salad",
	  "Quantity": 2,
	  "ExtendedPrice": 8.8000,
	  "ShipperName": "ACME",
	  "ShippedDate": "2015-04-12T00:00:00",
	  "Status": "C"
	},
	{
	  "ProductName": "Desk",
	  "Quantity": 33,
	  "ExtendedPrice": 19.8400,
	  "ShipperName": "ACME",
	  "ShippedDate": "2015-04-12T00:00:00",
	  "Status": "C"
	},	
	{
	  "ProductName": "Bread",
	  "Quantity": 1,
	  "ExtendedPrice": 2.71212,
	  "ShipperName": "Fun Inc.",
	  "ShippedDate": "2015-01-27T00:00:00",
	  "Status": "A"
	}
  ]
}

Hello Mohan,

How are you able to display ICONTAB BAR with ICONS via SelectionPresentation variant in mutliple table mode in Fiori elements . In my case I am not able to get Icons I am getting only text and count.

Can't it be done without adaptation?