html - How to make a list with multiple column in each row in Sencha touch? -

I want a list with more than one column in each line, the queue may also contain the value I received from the store Able to do But unable to display them properly. I need the following footage:

Please help in advance

The following is how I do it. Create a view for the list as below. Not sure why you are making your thoughts, if you still have trouble, add additional code.

  Ext.define ('AppName.view.CustomList', {extension: 'Ext.List', xtype: 'customlist', config: {store: 'StoreName', itemTpl: Ext. Create ('Ext.XTemplate', '& lt; div style = "float: left; width: 50%" & gt; {Column1Name} & lt; / div & gt;', '& lt; div style = "float : Left; width: 50% "& gt; {Column2Name} & lt; / div & gt; ',' 
 
  itemTpl: Ext.create ('div style = "float: left; width: 30%" & gt; {first name} ,' div style = " Float: left; width: 30% "& gt; {date} & lt; / div & gt; ',' & lt; /; & gt; {feed: 40% & gt; {feedbackHeading} & lt; / Div & gt; ',' & lt; div style = "float: div>; ',' div ';', 'div style =" float: left; width: 30% "& 
 gt; {last name} & lt; / div & gt; {location} & lt; / div & gt; ',' & Lt; / div> width: 40% "& gt; {feedbackSummary} & lt; / div & gt; ','