title: Kendo grid multiple columns from single field
body: <p>Hi this is my first question here and hopefully it will be useful for other people as well. I have been researching for about 3 days now but haven't found anything that fulfills my requirement.</p>
  
  <p>What I am trying to do looks very simple but I haven't seen a way to do it, my scenario is much more complicated than this but I will try to keep this as simple as possible.</p>
  
  <p>Currently I have a list of names which is pretty large and I'm showing that in a kendo grid, it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/b7FDg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b7FDg.png" alt="enter image description here"></a></p>
  
  <p>Since this grid will always have just 1 column (Names) I want to show 4-5 columns all from the field Names to use all the space of the page and also to show more information at once, I want it to look more or less like this:</p>
  
  <p><a href="https://i.stack.imgur.com/Iz5sW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Iz5sW.png" alt="enter image description here"></a></p>
  
  <p>Here is my code:</p>
  
  <pre><code>    $("#gridNames").kendoGrid({
          dataSource: new kendo.data.DataSource({
  
              pageSize: 10,
              data: data
  
          }),
          pageable: true,
          pageSize: 10,
          columns: [
              { field: "Name", title: "Name" },
              { field: "Name", title: "Name" }]
      });
  </code></pre>
  
  <p>Any help would be greatly appreciated, let me know if I didn't explain myself.</p>