List of array of objects in Vue Grid component

16 Mar 20231 minute to read

The following example shows how to set Complex field for datasource having Array Of Objects.

    <div id="app">
        <ejs-grid :dataSource='data' :height='315'>
                <e-column field='EmployeeID' headerText='Employee ID' textAlign='Right' width=120></e-column>
                <e-column field='Names.0.FirstName' headerText='First Name' width=120></e-column>
                <e-column field='Names.0.LastName' headerText='Last Name' width=120></e-column>
                <e-column field='Title' headerText='Title' width=150></e-column>
import Vue from "vue";
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';


export default {
  data() {
    return {
      data: data.slice(0, 5)
 @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";