title: How to use layout.Grid in XML view SAPUI5?
body: <p>I have that code. (<a href="https://openui5.hana.ondemand.com/#test-resources/sap/ui/layout/demokit/Grid.html">https://openui5.hana.ondemand.com/#test-resources/sap/ui/layout/demokit/Grid.html</a>)</p>
  
  <pre><code>var oGrid1 = new sap.ui.layout.Grid({
      hSpacing: 1,
      vSpacing: 1,    
      content: [
          new sap.ui.commons.TextView({
              text : 'Text spanned over 4 cols on large, 6 cols on medium, and 12 cols on small screens.',
              layoutData : new sap.ui.layout.GridData({
                  span : "L4 M6 S12"
              })
          }),
          new sap.ui.commons.TextView({
              text : 'Text spanned over 4 cols on large, 6 cols on medium, and 12 cols on small screens.',
              layoutData : new sap.ui.layout.GridData({
                  span : "L4 M6 S12"
              })
          }),
          new sap.ui.commons.TextView({
              text : 'Text spanned over 4 cols on large, 6 cols on medium, and 12 cols on small screens.',
              layoutData : new sap.ui.layout.GridData({
                  span : "L4 M6 S12"
              })
          })
      ]
  });
  
  
  oGrid1.placeAt("sample1");
  </code></pre>
  
  <p>And I can't understand how to use following thing in XML notation.</p>
  
  <pre><code>layoutData : new sap.ui.layout.GridData({span : "L4 M6 S12"})
  </code></pre>