cancel
Showing results for 
Search instead for 
Did you mean: 

Is there any way to create table inside cell in sapui5??

former_member197578
Participant
0 Kudos

Hello experts,

How do we create table inside cell in ui5??

something like this::

Market ActivitiesOther Activities
Header 1Header 2
Header 1Header 2Header 3
Header 1Header 2Header 3

Then how do we go about binding??

Thank you,

Best Regards

Chetna

Accepted Solutions (0)

Answers (2)

Answers (2)

Private_Member_15166
Active Contributor
0 Kudos

Hi Chetan,

You can use matrix layout with 8 rows and implement 3 tables in each cell with a colSpan of 2,3 and 3.

and For Heading use textView with corresponding colSpan.

For data binding

  var oModel = new sap.ui.model.json.JSONModel();

              oModel.setData(dvrData);

var newdata = oModel.getData();

sap.ui.getCore().setModel(oModel,"newDvr");

              newDvrTable.setModel(oModel);

              newDvrTable.bindRows("newDvr>/");     // Here use like this

Regards

Dhananjay

santhu_gowdaz
Active Contributor
0 Kudos

Hi Chetna,

ya this is possible, can you provide code snippet.

former_member197578
Participant
0 Kudos

This code is actually for simple table which i have created:

var dvrData = [

                               {DealerNo:"",checkedOrd:{checked:false,enabled:false},checkedOrd1:{checked:false,enabled:false},checkedColl:  {checked:false,enabled:false},checkedPromos:{checked :false,enabled:false},

];

var newDvrTable = new sap.ui.table.Table({

                     id:"newDvrTableId",

                     visibleRowCount: 1,

                    selectionMode: sap.ui.table.SelectionMode.Single

});

//following field comes unser first column (with blank label)

newDvrTable.addColumn(new sap.ui.table.Column({

label: new sap.ui.commons.Label({text: " Dealer Code", wrapping : true}),

                     template: new NewTextField({

                           id:"dlrNum",

                           value: "{DealerNo}" ,

}),

});

// following columns come under "MARKET ACTIVITIES"

  newDvrTable.addColumn(new sap.ui.table.Column({

                     name : "SHOP ACTIVITY",

                     label: new sap.ui.commons.Label({id:"shopId",text: "SHOP",

                           wrapping : true}),

                           template: new sap.ui.commons.CheckBox("chkShop",{

                                  enabled: "{checkedOrd/enabled}",

                                  checked:"{checkedOrd/checked}",

                  })

});

newDvrTable.addColumn(new sap.ui.table.Column({

                     name : "Order Related ACTIVITY",

                     label: new sap.ui.commons.Label({id:"shopId",text: "ORDER",

                           wrapping : true}),

                           template: new sap.ui.commons.CheckBox("chkShop",{

                                  enabled: "{checkedOrd1/enabled}",

                                  checked:"{checkedOrd1/checked}",

                  })

});

//Following two columns must come under Other Activities Column

newDvrTable.addColumn(new sap.ui.table.Column({

                     name : "CHEQUE COLLECTION",

                     label: new sap.ui.commons.Label({id:"shopId",text: "COLLECTION",

                           wrapping : true}),

                           template: new sap.ui.commons.CheckBox("chkShop",{

                                     enabled: "{checkedColl/enabled}",

                                       checked:"{checkedColl/checked}",

                  })

});

newDvrTable.addColumn(new sap.ui.table.Column({

                     name : "SCHEME UPDATE",

                     label: new sap.ui.commons.Label({id:"shopId",text: "SCHEME UPDATE",

                           wrapping : true}),

                           template: new sap.ui.commons.CheckBox("chkShop",{

enabled: "{checkedPromos/enabled}",

                                  checked:"{checkedPromos/checked}",

                  })

});

  var oModel = new sap.ui.model.json.JSONModel();

              oModel.setData(dvrData);

var newdata = oModel.getData();

sap.ui.getCore().setModel(oModel,"newDvr");

              newDvrTable.setModel(oModel);

              newDvrTable.bindRows("/");

Thank you,

Best Regards,

Chetna

santhu_gowdaz
Active Contributor
0 Kudos

Chetna,

This is table code, i asked table with cell code.

former_member197578
Participant
0 Kudos

cells are checkboxes and texbox, and code is available in the above snippet.

templates contain code for that.

May be i do not understand what you are asking for.

is it so??

Thank you for responding,

Regards,

Chetna