Search results

Cell in Vue Grid component

Displaying HTML Content

The HTML tags can be displayed in the Grid header and content by enabling the disableHtmlEncode property.

Source
Preview
app.vue
datasource.js
<template>
    <div id="app">
        <ejs-grid :dataSource="data" height='315'>
          <e-columns>
            <e-column field='OrderID' headerText='<span> Order ID </span>' :disableHtmlEncode='true' textAlign='Right' width=140></e-column>
            <e-column field='CustomerID' headerText='<span> Customer ID </span>' :disableHtmlEncode='false' width=120></e-column>
            <e-column field='Freight' headerText='Freight' textAlign='Right' format='C2' width=80></e-column>
            <e-column field='OrderDate' headerText='Order Date' textAlign='Right' format='yMd' type='date' width=120> </e-column>
          </e-columns>
        </ejs-grid>
    </div>
</template>
<script>
import Vue from "vue";
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';
Vue.use(GridPlugin);

export default {
  data() {
    return {
      data: data
    };
  }
}
</script>
<style>
 @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
</style>
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.data = [
        {
            OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5),
            ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye',
            ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0
        },
        {
            OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6),
            ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48',
            ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1
        },
        {
            OrderID: '<span>10250</span>', CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5),
            ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
            ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0
        },
        {
            OrderID: 10251, CustomerID: 'VICTE', EmployeeID: 3, OrderDate: new Date(8367642e5),
            ShipName: 'Victuailles en stock', ShipCity: 'Lyon', ShipAddress: '2, rue du Commerce',
            ShipRegion: 'CJ', ShipPostalCode: '69004', ShipCountry: 'France', Freight: 41.34, Verified: !0
        },
        {
            OrderID: 10252, CustomerID: 'SUPRD', EmployeeID: 4, OrderDate: new Date(8368506e5),
            ShipName: 'Suprêmes délices', ShipCity: 'Charleroi', ShipAddress: 'Boulevard Tirou, 255',
            ShipRegion: 'CJ', ShipPostalCode: 'B-6000', ShipCountry: 'Belgium', Freight: 51.3, Verified: !0
        },
        {
            OrderID: '<span>10253</span>', CustomerID: 'HANAR', EmployeeID: 3, OrderDate: new Date(836937e6),
            ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67',
            ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 58.17, Verified: !0
        },
        {
            OrderID: 10254, CustomerID: 'CHOPS', EmployeeID: 5, OrderDate: new Date(8370234e5),
            ShipName: 'Chop-suey Chinese', ShipCity: 'Bern', ShipAddress: 'Hauptstr. 31',
            ShipRegion: 'CJ', ShipPostalCode: '3012', ShipCountry: 'Switzerland', Freight: 22.98, Verified: !1
        },
        {
            OrderID: 10255, CustomerID: 'RICSU', EmployeeID: 9, OrderDate: new Date(8371098e5),
            ShipName: 'Richter Supermarkt', ShipCity: 'Genève', ShipAddress: 'Starenweg 5',
            ShipRegion: 'CJ', ShipPostalCode: '1204', ShipCountry: 'Switzerland', Freight: 148.33, Verified: !0
        },
        {
            OrderID: 10256, CustomerID: 'WELLI', EmployeeID: 3, OrderDate: new Date(837369e6),
            ShipName: 'Wellington Importadora', ShipCity: 'Resende', ShipAddress: 'Rua do Mercado, 12',
            ShipRegion: 'SP', ShipPostalCode: '08737-363', ShipCountry: 'Brazil', Freight: 13.97, Verified: !1
        },
        {
            OrderID: 10257, CustomerID: 'HILAA', EmployeeID: 4, OrderDate: new Date(8374554e5),
            ShipName: 'HILARION-Abastos', ShipCity: 'San Cristóbal', ShipAddress: 'Carrera 22 con Ave. Carlos Soublette #8-35',
            ShipRegion: 'Táchira', ShipPostalCode: '5022', ShipCountry: 'Venezuela', Freight: 81.91, Verified: !0
        },
        {
            OrderID: 10258, CustomerID: 'ERNSH', EmployeeID: 1, OrderDate: new Date(8375418e5),
            ShipName: 'Ernst Handel', ShipCity: 'Graz', ShipAddress: 'Kirchgasse 6',
            ShipRegion: 'CJ', ShipPostalCode: '8010', ShipCountry: 'Austria', Freight: 140.51, Verified: !0
        },
        {
            OrderID: 10259, CustomerID: 'CENTC', EmployeeID: 4, OrderDate: new Date(8376282e5),
            ShipName: 'Centro comercial Moctezuma', ShipCity: 'México D.F.', ShipAddress: 'Sierras de Granada 9993',
            ShipRegion: 'CJ', ShipPostalCode: '05022', ShipCountry: 'Mexico', Freight: 3.25, Verified: !1
        },
        {
            OrderID: 10260, CustomerID: 'OTTIK', EmployeeID: 4, OrderDate: new Date(8377146e5),
            ShipName: 'Ottilies Käseladen', ShipCity: 'Köln', ShipAddress: 'Mehrheimerstr. 369',
            ShipRegion: 'CJ', ShipPostalCode: '50739', ShipCountry: 'Germany', Freight: 55.09, Verified: !0
        },
        {
            OrderID: 10261, CustomerID: 'QUEDE', EmployeeID: 4, OrderDate: new Date(8377146e5),
            ShipName: 'Que Delícia', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua da Panificadora, 12',
            ShipRegion: 'RJ', ShipPostalCode: '02389-673', ShipCountry: 'Brazil', Freight: 3.05, Verified: !1
        },
        {
            OrderID: 10262, CustomerID: 'RATTC', EmployeeID: 8, OrderDate: new Date(8379738e5),
            ShipName: 'Rattlesnake Canyon Grocery', ShipCity: 'Albuquerque', ShipAddress: '2817 Milton Dr.',
            ShipRegion: 'NM', ShipPostalCode: '87110', ShipCountry: 'USA', Freight: 48.29, Verified: !0
        }];    
});

Customize Cell Styles

The appearance of cells can be customized by using the queryCellInfo event. The queryCellInfo event triggers for every cell. In that event handler, you can get QueryCellInfoEventArgs that contains the details of the cell.

Source
Preview
app.vue
datasource.js
<template>
    <div id="app">
        <ejs-grid :dataSource="data" :enableHover='false' :allowSelection='false' height='315' :queryCellInfo='customiseCell'>
          <e-columns>
            <e-column field='OrderID' headerText='Order ID' textAlign='Right' width=90></e-column>
            <e-column field='CustomerID' headerText='Customer ID' width=120></e-column>
            <e-column field='Freight' headerText='Freight' textAlign='Right' format='C2' width=90></e-column>
            <e-column field='OrderDate' headerText='Order Date' textAlign='Right' format='yMd' type='date' width=120 > </e-column>
          </e-columns>
        </ejs-grid>
    </div>
</template>
<script>
import Vue from "vue";
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';
Vue.use(GridPlugin);

export default {
  data() {
    return {
      data: data
    };
  },
  methods: {
    customiseCell: function(args) {
        if (args.column.field === 'Freight') {
            if (args.data['Freight'] < 30) {
                args.cell.classList.add('below-30');
            } else if (args.data['Freight'] < 80) {
                args.cell.classList.add('below-80');
            } else {
                args.cell.classList.add('above-80');
            }
        }
    }
  }
}
</script>
<style>
  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
  .below-30 {
  background-color: orangered;
  }
  .below-80 {
  background-color: yellow;
  }
  .above-80 {
  background-color: greenyellow
  }
</style>
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.data = [
        {
           "OrderID":10248,
           "CustomerID":"VINET",
           "OrderDate":"1996-07-04T00:00:00.000Z",
           "ShippedDate":"1996-07-16T00:00:00.000Z",
           "Freight":32.38,
           "ShipName":"Vins et alcools Chevalier",
           "ShipAddress":"59 rue de l'Abbaye",
           "ShipCity":"Reims",
           "ShipRegion":null,
           "ShipCountry":"France",
           "Verified": true
        },
        {
           "OrderID":10249,
           "CustomerID":"TOMSP",
           "OrderDate":"1996-07-05T00:00:00.000Z",
           "ShippedDate":"1996-07-10T00:00:00.000Z",
           "Freight":11.61,
           "ShipName":"Toms Spezialitäten",
           "ShipAddress":"Luisenstr. 48",
           "ShipCity":"Münster",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10250,
           "CustomerID":"HANAR",
           "OrderDate":"1996-07-08T00:00:00.000Z",
           "ShippedDate":"1996-07-12T00:00:00.000Z",
           "Freight":65.83,
           "ShipName":"Hanari Carnes",
           "ShipAddress":"Rua do Paço, 67",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil",
           "Verified": true
        },
        {
           "OrderID":10251,
           "CustomerID":"VICTE",
           "OrderDate":"1996-07-08T00:00:00.000Z",
           "ShippedDate":"1996-07-15T00:00:00.000Z",
           "Freight":41.34,
           "ShipName":"Victuailles en stock",
           "ShipAddress":"2, rue du Commerce",
           "ShipCity":"Lyon",
           "ShipRegion":null,
           "ShipCountry":"France",
           "Verified": true
        },
        {
           "OrderID":10252,
           "CustomerID":"SUPRD",
           "OrderDate":"1996-07-09T00:00:00.000Z",
           "ShippedDate":"1996-07-11T00:00:00.000Z",
           "Freight":51.3,
           "ShipName":"Suprêmes délices",
           "ShipAddress":"Boulevard Tirou, 255",
           "ShipCity":"Charleroi",
           "ShipRegion":null,
           "ShipCountry":"Belgium"
        },
        {
           "OrderID":10253,
           "CustomerID":"HANAR",
           "OrderDate":"1996-07-10T00:00:00.000Z",
           "ShippedDate":"1996-07-16T00:00:00.000Z",
           "Freight":58.17,
           "ShipName":"Hanari Carnes",
           "ShipAddress":"Rua do Paço, 67",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil",
           "Verified": true
        },
        {
           "OrderID":10254,
           "CustomerID":"CHOPS",
           "OrderDate":"1996-07-11T00:00:00.000Z",
           "ShippedDate":"1996-07-23T00:00:00.000Z",
           "Freight":22.98,
           "ShipName":"Chop-suey Chinese",
           "ShipAddress":"Hauptstr. 31",
           "ShipCity":"Bern",
           "ShipRegion":null,
           "ShipCountry":"Switzerland",
           "Verified": true
        },
        {
           "OrderID":10255,
           "CustomerID":"RICSU",
           "OrderDate":"1996-07-12T00:00:00.000Z",
           "ShippedDate":"1996-07-15T00:00:00.000Z",
           "Freight":148.33,
           "ShipName":"Richter Supermarkt",
           "ShipAddress":"Starenweg 5",
           "ShipCity":"Genève",
           "ShipRegion":null,
           "ShipCountry":"Switzerland"
        },
        {
           "OrderID":10256,
           "CustomerID":"WELLI",
           "OrderDate":"1996-07-15T00:00:00.000Z",
           "ShippedDate":"1996-07-17T00:00:00.000Z",
           "Freight":13.97,
           "ShipName":"Wellington Importadora",
           "ShipAddress":"Rua do Mercado, 12",
           "ShipCity":"Resende",
           "ShipRegion":"SP",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10257,
           "CustomerID":"HILAA",
           "OrderDate":"1996-07-16T00:00:00.000Z",
           "ShippedDate":"1996-07-22T00:00:00.000Z",
           "Freight":81.91,
           "ShipName":"HILARION-Abastos",
           "ShipAddress":"Carrera 22 con Ave. Carlos Soublette #8-35",
           "ShipCity":"San Cristóbal",
           "ShipRegion":"Táchira",
           "ShipCountry":"Venezuela"
        },
        {
           "OrderID":10258,
           "CustomerID":"ERNSH",
           "OrderDate":"1996-07-17T00:00:00.000Z",
           "ShippedDate":"1996-07-23T00:00:00.000Z",
           "Freight":140.51,
           "ShipName":"Ernst Handel",
           "ShipAddress":"Kirchgasse 6",
           "ShipCity":"Graz",
           "ShipRegion":null,
           "ShipCountry":"Austria"
        },
        {
           "OrderID":10259,
           "CustomerID":"CENTC",
           "OrderDate":"1996-07-18T00:00:00.000Z",
           "ShippedDate":"1996-07-25T00:00:00.000Z",
           "Freight":3.25,
           "ShipName":"Centro comercial Moctezuma",
           "ShipAddress":"Sierras de Granada 9993",
           "ShipCity":"México D.F.",
           "ShipRegion":null,
           "ShipCountry":"Mexico",
           "Verified": true
        },
        {
           "OrderID":10260,
           "CustomerID":"OTTIK",
           "OrderDate":"1996-07-19T00:00:00.000Z",
           "ShippedDate":"1996-07-29T00:00:00.000Z",
           "Freight":55.09,
           "ShipName":"Ottilies Käseladen",
           "ShipAddress":"Mehrheimerstr. 369",
           "ShipCity":"Köln",
           "ShipRegion":null,
           "ShipCountry":"Germany",
           "Verified": true
        },
        {
           "OrderID":10261,
           "CustomerID":"QUEDE",
           "OrderDate":"1996-07-19T00:00:00.000Z",
           "ShippedDate":"1996-07-30T00:00:00.000Z",
           "Freight":3.05,
           "ShipName":"Que Delícia",
           "ShipAddress":"Rua da Panificadora, 12",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10262,
           "CustomerID":"RATTC",
           "OrderDate":"1996-07-22T00:00:00.000Z",
           "ShippedDate":"1996-07-25T00:00:00.000Z",
           "Freight":48.29,
           "ShipName":"Rattlesnake Canyon Grocery",
           "ShipAddress":"2817 Milton Dr.",
           "ShipCity":"Albuquerque",
           "ShipRegion":"NM",
           "ShipCountry":"USA",
           "Verified": true
        },
        {
           "OrderID":10263,
           "CustomerID":"ERNSH",
           "OrderDate":"1996-07-23T00:00:00.000Z",
           "ShippedDate":"1996-07-31T00:00:00.000Z",
           "Freight":146.06,
           "ShipName":"Ernst Handel",
           "ShipAddress":"Kirchgasse 6",
           "ShipCity":"Graz",
           "ShipRegion":null,
           "Verified": true,
           "ShipCountry":"Austria"
        },
        {
           "OrderID":10264,
           "CustomerID":"FOLKO",
           "OrderDate":"1996-07-24T00:00:00.000Z",
           "ShippedDate":"1996-08-23T00:00:00.000Z",
           "Freight":3.67,
           "ShipName":"Folk och fä HB",
           "ShipAddress":"Åkergatan 24",
           "ShipCity":"Bräcke",
           "ShipRegion":null,
           "ShipCountry":"Sweden"
        },
        {
           "OrderID":10265,
           "CustomerID":"BLONP",
           "OrderDate":"1996-07-25T00:00:00.000Z",
           "ShippedDate":"1996-08-12T00:00:00.000Z",
           "Freight":55.28,
           "ShipName":"Blondel père et fils",
           "ShipAddress":"24, place Kléber",
           "ShipCity":"Strasbourg",
           "ShipRegion":null,
           "ShipCountry":"France"
        },
        {
           "OrderID":10266,
           "CustomerID":"WARTH",
           "OrderDate":"1996-07-26T00:00:00.000Z",
           "ShippedDate":"1996-07-31T00:00:00.000Z",
           "Freight":25.73,
           "ShipName":"Wartian Herkku",
           "ShipAddress":"Torikatu 38",
           "ShipCity":"Oulu",
           "ShipRegion":null,
           "ShipCountry":"Finland"
        },
        {
           "OrderID":10267,
           "CustomerID":"FRANK",
           "OrderDate":"1996-07-29T00:00:00.000Z",
           "ShippedDate":"1996-08-06T00:00:00.000Z",
           "Freight":208.58,
           "ShipName":"Frankenversand",
           "ShipAddress":"Berliner Platz 43",
           "ShipCity":"München",
           "ShipRegion":null,
           "ShipCountry":"Germany",
           "Verified": true
        },
        {
           "OrderID":10268,
           "CustomerID":"GROSR",
           "OrderDate":"1996-07-30T00:00:00.000Z",
           "ShippedDate":"1996-08-02T00:00:00.000Z",
           "Freight":66.29,
           "ShipName":"GROSELLA-Restaurante",
           "ShipAddress":"5ª Ave. Los Palos Grandes",
           "ShipCity":"Caracas",
           "ShipRegion":"DF",
           "ShipCountry":"Venezuela"
        },
        {
           "OrderID":10269,
           "CustomerID":"WHITC",
           "OrderDate":"1996-07-31T00:00:00.000Z",
           "ShippedDate":"1996-08-09T00:00:00.000Z",
           "Freight":4.56,
           "ShipName":"White Clover Markets",
           "ShipAddress":"1029 - 12th Ave. S.",
           "ShipCity":"Seattle",
           "ShipRegion":"WA",
           "ShipCountry":"USA"
        },
        {
           "OrderID":10270,
           "CustomerID":"WARTH",
           "OrderDate":"1996-08-01T00:00:00.000Z",
           "ShippedDate":"1996-08-02T00:00:00.000Z",
           "Freight":136.54,
           "ShipName":"Wartian Herkku",
           "ShipAddress":"Torikatu 38",
           "ShipCity":"Oulu",
           "ShipRegion":null,
           "ShipCountry":"Finland"
        },
        {
           "OrderID":10271,
           "CustomerID":"SPLIR",
           "OrderDate":"1996-08-01T00:00:00.000Z",
           "ShippedDate":"1996-08-30T00:00:00.000Z",
           "Freight":4.54,
           "ShipName":"Split Rail Beer & Ale",
           "ShipAddress":"P.O. Box 555",
           "ShipCity":"Lander",
           "ShipRegion":"WY",
           "ShipCountry":"USA"
        },
        {
           "OrderID":10272,
           "CustomerID":"RATTC",
           "OrderDate":"1996-08-02T00:00:00.000Z",
           "ShippedDate":"1996-08-06T00:00:00.000Z",
           "Freight":98.03,
           "ShipName":"Rattlesnake Canyon Grocery",
           "ShipAddress":"2817 Milton Dr.",
           "ShipCity":"Albuquerque",
           "ShipRegion":"NM",
           "ShipCountry":"USA"
        },
        {
           "OrderID":10273,
           "CustomerID":"QUICK",
           "OrderDate":"1996-08-05T00:00:00.000Z",
           "ShippedDate":"1996-08-12T00:00:00.000Z",
           "Freight":76.07,
           "ShipName":"QUICK-Stop",
           "ShipAddress":"Taucherstraße 10",
           "ShipCity":"Cunewalde",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10274,
           "CustomerID":"VINET",
           "OrderDate":"1996-08-06T00:00:00.000Z",
           "ShippedDate":"1996-08-16T00:00:00.000Z",
           "Freight":6.01,
           "ShipName":"Vins et alcools Chevalier",
           "ShipAddress":"59 rue de l'Abbaye",
           "ShipCity":"Reims",
           "ShipRegion":null,
           "ShipCountry":"France"
        },
        {
           "OrderID":10275,
           "CustomerID":"MAGAA",
           "OrderDate":"1996-08-07T00:00:00.000Z",
           "ShippedDate":"1996-08-09T00:00:00.000Z",
           "Freight":26.93,
           "ShipName":"Magazzini Alimentari Riuniti",
           "ShipAddress":"Via Ludovico il Moro 22",
           "ShipCity":"Bergamo",
           "ShipRegion":null,
           "ShipCountry":"Italy"
        },
        {
           "OrderID":10276,
           "CustomerID":"TORTU",
           "OrderDate":"1996-08-08T00:00:00.000Z",
           "ShippedDate":"1996-08-14T00:00:00.000Z",
           "Freight":13.84,
           "ShipName":"Tortuga Restaurante",
           "ShipAddress":"Avda. Azteca 123",
           "ShipCity":"México D.F.",
           "ShipRegion":null,
           "ShipCountry":"Mexico"
        },
        {
           "OrderID":10277,
           "CustomerID":"MORGK",
           "OrderDate":"1996-08-09T00:00:00.000Z",
           "ShippedDate":"1996-08-13T00:00:00.000Z",
           "Freight":125.77,
           "ShipName":"Morgenstern Gesundkost",
           "ShipAddress":"Heerstr. 22",
           "ShipCity":"Leipzig",
           "ShipRegion":null,
           "ShipCountry":"Germany",
           "Verified": true
        },
        {
           "OrderID":10278,
           "CustomerID":"BERGS",
           "OrderDate":"1996-08-12T00:00:00.000Z",
           "ShippedDate":"1996-08-16T00:00:00.000Z",
           "Freight":92.69,
           "ShipName":"Berglunds snabbköp",
           "ShipAddress":"Berguvsvägen  8",
           "ShipCity":"Luleå",
           "ShipRegion":null,
           "ShipCountry":"Sweden"
        },
        {
           "OrderID":10279,
           "CustomerID":"LEHMS",
           "OrderDate":"1996-08-13T00:00:00.000Z",
           "ShippedDate":"1996-08-16T00:00:00.000Z",
           "Freight":25.83,
           "ShipName":"Lehmanns Marktstand",
           "ShipAddress":"Magazinweg 7",
           "ShipCity":"Frankfurt a.M.",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10280,
           "CustomerID":"BERGS",
           "OrderDate":"1996-08-14T00:00:00.000Z",
           "ShippedDate":"1996-09-12T00:00:00.000Z",
           "Freight":8.98,
           "ShipName":"Berglunds snabbköp",
           "ShipAddress":"Berguvsvägen  8",
           "ShipCity":"Luleå",
           "ShipRegion":null,
           "ShipCountry":"Sweden",
           "Verified": true
        },
        {
           "OrderID":10281,
           "CustomerID":"ROMEY",
           "OrderDate":"1996-08-14T00:00:00.000Z",
           "ShippedDate":"1996-08-21T00:00:00.000Z",
           "Freight":2.94,
           "ShipName":"Romero y tomillo",
           "ShipAddress":"Gran Vía, 1",
           "ShipCity":"Madrid",
           "ShipRegion":null,
           "ShipCountry":"Spain"
        },
        {
           "OrderID":10282,
           "CustomerID":"ROMEY",
           "OrderDate":"1996-08-15T00:00:00.000Z",
           "ShippedDate":"1996-08-21T00:00:00.000Z",
           "Freight":12.69,
           "ShipName":"Romero y tomillo",
           "ShipAddress":"Gran Vía, 1",
           "ShipCity":"Madrid",
           "ShipRegion":null,
           "ShipCountry":"Spain"
        },
        {
           "OrderID":10283,
           "CustomerID":"LILAS",
           "OrderDate":"1996-08-16T00:00:00.000Z",
           "ShippedDate":"1996-08-23T00:00:00.000Z",
           "Freight":84.81,
           "ShipName":"LILA-Supermercado",
           "ShipAddress":"Carrera 52 con Ave. Bolívar #65-98 Llano Largo",
           "ShipCity":"Barquisimeto",
           "ShipRegion":"Lara",
           "ShipCountry":"Venezuela"
        },
        {
           "OrderID":10284,
           "CustomerID":"LEHMS",
           "OrderDate":"1996-08-19T00:00:00.000Z",
           "ShippedDate":"1996-08-27T00:00:00.000Z",
           "Freight":76.56,
           "ShipName":"Lehmanns Marktstand",
           "ShipAddress":"Magazinweg 7",
           "ShipCity":"Frankfurt a.M.",
           "ShipRegion":null,
           "ShipCountry":"Germany",
           "Verified": true
        },
        {
           "OrderID":10285,
           "CustomerID":"QUICK",
           "OrderDate":"1996-08-20T00:00:00.000Z",
           "ShippedDate":"1996-08-26T00:00:00.000Z",
           "Freight":76.83,
           "ShipName":"QUICK-Stop",
           "ShipAddress":"Taucherstraße 10",
           "ShipCity":"Cunewalde",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10286,
           "CustomerID":"QUICK",
           "OrderDate":"1996-08-21T00:00:00.000Z",
           "ShippedDate":"1996-08-30T00:00:00.000Z",
           "Freight":229.24,
           "ShipName":"QUICK-Stop",
           "ShipAddress":"Taucherstraße 10",
           "ShipCity":"Cunewalde",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10287,
           "CustomerID":"RICAR",
           "OrderDate":"1996-08-22T00:00:00.000Z",
           "ShippedDate":"1996-08-28T00:00:00.000Z",
           "Freight":12.76,
           "ShipName":"Ricardo Adocicados",
           "ShipAddress":"Av. Copacabana, 267",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10288,
           "CustomerID":"REGGC",
           "OrderDate":"1996-08-23T00:00:00.000Z",
           "ShippedDate":"1996-09-03T00:00:00.000Z",
           "Freight":7.45,
           "ShipName":"Reggiani Caseifici",
           "ShipAddress":"Strada Provinciale 124",
           "ShipCity":"Reggio Emilia",
           "ShipRegion":null,
           "ShipCountry":"Italy"
        },
        {
           "OrderID":10289,
           "CustomerID":"BSBEV",
           "OrderDate":"1996-08-26T00:00:00.000Z",
           "ShippedDate":"1996-08-28T00:00:00.000Z",
           "Freight":22.77,
           "ShipName":"B's Beverages",
           "ShipAddress":"Fauntleroy Circus",
           "ShipCity":"London",
           "ShipRegion":null,
           "ShipCountry":"UK"
        },
        {
           "OrderID":10290,
           "CustomerID":"COMMI",
           "OrderDate":"1996-08-27T00:00:00.000Z",
           "ShippedDate":"1996-09-03T00:00:00.000Z",
           "Freight":79.7,
           "ShipName":"Comércio Mineiro",
           "ShipAddress":"Av. dos Lusíadas, 23",
           "ShipCity":"Sao Paulo",
           "ShipRegion":"SP",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10291,
           "CustomerID":"QUEDE",
           "OrderDate":"1996-08-27T00:00:00.000Z",
           "ShippedDate":"1996-09-04T00:00:00.000Z",
           "Freight":6.4,
           "ShipName":"Que Delícia",
           "ShipAddress":"Rua da Panificadora, 12",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10292,
           "CustomerID":"TRADH",
           "OrderDate":"1996-08-28T00:00:00.000Z",
           "ShippedDate":"1996-09-02T00:00:00.000Z",
           "Freight":1.35,
           "ShipName":"Tradiçao Hipermercados",
           "ShipAddress":"Av. Inês de Castro, 414",
           "ShipCity":"Sao Paulo",
           "ShipRegion":"SP",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10293,
           "CustomerID":"TORTU",
           "OrderDate":"1996-08-29T00:00:00.000Z",
           "ShippedDate":"1996-09-11T00:00:00.000Z",
           "Freight":21.18,
           "ShipName":"Tortuga Restaurante",
           "ShipAddress":"Avda. Azteca 123",
           "ShipCity":"México D.F.",
           "ShipRegion":null,
           "ShipCountry":"Mexico"
        },
        {
           "OrderID":10294,
           "CustomerID":"RATTC",
           "OrderDate":"1996-08-30T00:00:00.000Z",
           "ShippedDate":"1996-09-05T00:00:00.000Z",
           "Freight":147.26,
           "ShipName":"Rattlesnake Canyon Grocery",
           "ShipAddress":"2817 Milton Dr.",
           "ShipCity":"Albuquerque",
           "ShipRegion":"NM",
           "ShipCountry":"USA"
        }];
});

Auto Wrap

The auto wrap allows the cell content of the grid to wrap to the next line when it exceeds the boundary of the cell width. The Cell Content wrapping works based on the position of white space between words. To enable auto wrap, set the allowTextWrap property to true. You can configure the auto wrap mode by setting the textWrapSettings.wrapMode property.

There are three types of wrapMode. They are

  • Both - The Both value is set by default. The auto wrap will be enabled for both content and Header.
  • Header - Auto wrap will be enabled only for the header.
  • Content - Auto wrap will be enabled only for the content.

Note: When a column width is not specified, then auto wrap of columns will be adjusted with respect to the grid’s width.

In the below example, the textWrapSettings.wrapMode is set as Content.

Source
Preview
app.vue
datasource.js
<template>
    <div id="app">
        <ejs-grid :dataSource='data' :allowPaging='true' :allowTextWrap='true' :textWrapSettings='wrapSettings' height='310'>
            <e-columns>
                <e-column field='Inventor' headerText='Inventor Name' width='180' textAlign="Right"></e-column>
                <e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='180' textAlign="Right"></e-column>
                <e-column field='Country' headerText='Country' width='140'></e-column>
                <e-column field='Active' width='120'></e-column>
                <e-column field='Mainfieldsofinvention' headerText='Main fields of invention' width='200'></e-column>
            </e-columns>
        </ejs-grid>
    </div>
</template>
<script>
import Vue from "vue";
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';
Vue.use(GridPlugin);

export default {
  data() {
    return {
      data: data,
      wrapSettings: { wrapMode: 'Content' }
    };
  }
}
</script>
<style>
  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
</style>
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.data = [
        {
            "Inventor": "Kia Silverbrook",
            "NumberofPatentFamilies": 4737,
            "Country": "Australia",
            "Number of INPADOC patents": 9839,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Printing, Digital paper, Internet, Electronics,Lab-on-a-chip, MEMS, Mechanical, VLSI",
    
        },
        {
            "Inventor": "Shunpei Yamazaki",
            "NumberofPatentFamilies": 4677,
            "Country": "Japan",
            "Number of INPADOC patents": "10000+",
            "Active": "1976-2016",
            "Mainfieldsofinvention": "Thin film transistors, Liquid crystal displays, Solar cells, Flash memory, OLED",
    
        },
        {
            "Inventor": "Lowell L. Wood, Jr.",
            "NumberofPatentFamilies": 1419,
            "Country": "USA",
            "Number of INPADOC patents": 1332,
            "Active": "1977-2016",
            "Mainfieldsofinvention": "Mosquito laser, Nuclear weapons",
    
        },
        {
            "Inventor": "Paul Lapstun",
            "NumberofPatentFamilies": 1281,
            "Country": "Australia",
            "Number of INPADOC patents": 3099,
            "Active": "2000-2016",
            "Mainfieldsofinvention": "Printing, Digital paper, Internet, Electronics, CGI, VLSI",
    
        },
        {
            "Inventor": "Gurtej Sandhu",
            "NumberofPatentFamilies": 1255,
            "Country": "India",
            "Number of INPADOC patents": 2038,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, VLSI, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Jun Koyama",
            "NumberofPatentFamilies": 1240,
            "Country": "Japan",
            "Number of INPADOC patents": 4126,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Thin film transistors, Liquid crystal displays, OLED",
    
        },
        {
            "Inventor": "Roderick A. Hyde",
            "NumberofPatentFamilies": 1240,
            "Country": "USA",
            "Number of INPADOC patents": 3360,
            "Active": "2001-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Leonard Forbes",
            "NumberofPatentFamilies": 1093,
            "Country": "Canada",
            "Number of INPADOC patents": 1398,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Semiconductor Memories, CCDs, Thin film processes and materials, VLSI",
    
        },
        {
            "Inventor": "Thomas Edison",
            "NumberofPatentFamilies": 1084,
            "Country": "USA",
            "Number of INPADOC patents": 2332,
            "Active": "1847(b)-1931(d)",
            "Mainfieldsofinvention": "Electric power, Lighting, Batteries, Phonograph, Cement, Telegraphy, Mining",
    
        },
        {
            "Inventor": "Donald E. Weder",
            "NumberofPatentFamilies": 999,
            "Country": "USA",
            "Number of INPADOC patents": 1993,
            "Active": "1976-2015",
            "Mainfieldsofinvention": "Florist supplies",
    
        },
        {
            "Inventor": "George Albert Lyon",
            "NumberofPatentFamilies": 993,
            "Country": "Canada",
            "Number of INPADOC patents": "NA",
            "Active": "1882(b)-1961(d)",
            "Mainfieldsofinvention": "Automotive, Stainless steel products",
    
        },
        {
            "Inventor": "John F. O'Connor",
            "NumberofPatentFamilies": 949,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1864(b)-1938(d)",
            "Mainfieldsofinvention": "Railway draft gearing",
    
        },
        {
            "Inventor": "Melvin De Groote",
            "NumberofPatentFamilies": 925,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1895(b)-1963(d)",
            "Mainfieldsofinvention": "Chemical de-emulsifiers",
    
        },
        {
            "Inventor": "Jay S. Walker",
            "NumberofPatentFamilies": 918,
            "Country": "USA",
            "Number of INPADOC patents": 2206,
            "Active": "1998-2016",
            "Mainfieldsofinvention": "Gaming machines",
    
        },
        {
            "Inventor": "Edward K. Y. Jung",
            "NumberofPatentFamilies": 911,
            "Country": "USA",
            "Number of INPADOC patents": 2254,
            "Active": "1996-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Francis H. Richards",
            "NumberofPatentFamilies": 894,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1850(b)-19??(d)",
            "Mainfieldsofinvention": "Mechanical, automation",
    
        },
        {
            "Inventor": "Kangguo Cheng",
            "NumberofPatentFamilies": 884,
            "Country": "USA",
            "Number of INPADOC patents": 1314,
            "Active": "2004-2016",
            "Mainfieldsofinvention": "Semiconductor device fabrication, Semiconductor memory, Semiconductor device",
    
        },
        {
            "Inventor": "Clarence T. Tegreene",
            "NumberofPatentFamilies": 872,
            "Country": "USA",
            "Number of INPADOC patents": 2255,
            "Active": "2000-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Ahmadreza Rofougaran",
            "NumberofPatentFamilies": 808,
            "Country": "USA",
            "Number of INPADOC patents": 1396,
            "Active": "2002-2016",
            "Mainfieldsofinvention": "Radio Frequency Integrated Circuits",
    
        },
        {
            "Inventor": "Shou-Shan Fan",
            "NumberofPatentFamilies": 805,
            "Country": "China",
            "Number of INPADOC patents": 2120,
            "Active": "2006-2016",
            "Mainfieldsofinvention": "Carbon nanotubes and applications of carbon nanotubes",
    
        },
        {
            "Inventor": "Michael J. Sullivan",
            "NumberofPatentFamilies": 788,
            "Country": "USA",
            "Number of INPADOC patents": 1560,
            "Active": "1977-2016",
            "Mainfieldsofinvention": "Golf balls",
    
        },
        {
            "Inventor": "Rick Allen Hamilton II",
            "NumberofPatentFamilies": 773,
            "Country": "USA",
            "Number of INPADOC patents": 1064,
            "Active": "1999-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Warren Farnworth",
            "NumberofPatentFamilies": 770,
            "Country": "USA",
            "Number of INPADOC patents": 931,
            "Active": "1990-2016",
            "Mainfieldsofinvention": "Semiconductor packaging",
    
        },
        {
            "Inventor": "Carleton Ellis",
            "NumberofPatentFamilies": 753,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1876(b)-1941(d)",
            "Mainfieldsofinvention": "Margarine, Polyester, Anti-knock gasoline, Paint stripper",
    
        },
        {
            "Inventor": "William H. Eby",
            "NumberofPatentFamilies": 733,
            "Country": "USA",
            "Number of INPADOC patents": 758,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Transgenic soybeans",
    
        },
        {
            "Inventor": "Hideo Ando",
            "NumberofPatentFamilies": 728,
            "Country": "Japan",
            "Number of INPADOC patents": 2588,
            "Active": "1983-2016",
            "Mainfieldsofinvention": "Optical recording",
    
        },
        {
            "Inventor": "Salman Akram",
            "NumberofPatentFamilies": 728,
            "Country": "USA",
            "Number of INPADOC patents": 915,
            "Active": "1995-2016",
            "Mainfieldsofinvention": "Semiconductor packaging",
    
        },
        {
            "Inventor": "George Spector",
            "NumberofPatentFamilies": 722,
            "Country": "USA",
            "Number of INPADOC patents": 747,
            "Active": "1976-1998",
            "Mainfieldsofinvention": "Gadgets, Toys",
    
        },
        {
            "Inventor": "Jeyhan Karaoguz",
            "NumberofPatentFamilies": 721,
            "Country": "USA",
            "Number of INPADOC patents": 1530,
            "Active": "1996-2016",
            "Mainfieldsofinvention": "Wireless communications, Computer networks",
    
        },
        {
            "Inventor": "Elihu Thomson",
            "NumberofPatentFamilies": 696,
            "Country": "UK",
            "Number of INPADOC patents": "NA",
            "Active": "1853(b)-1937(d)",
            "Mainfieldsofinvention": "Electric power, Arc lamp, Electric motors, Lightning arrester, Arc welder",
    
        },
        {
            "Inventor": "Austin L. Gurney",
            "NumberofPatentFamilies": 695,
            "Country": "USA",
            "Number of INPADOC patents": 3909,
            "Active": "1999-2016",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Tetsujiro Kondo",
            "NumberofPatentFamilies": 684,
            "Country": "Japan",
            "Number of INPADOC patents": 4158,
            "Active": "1987-2015",
            "Mainfieldsofinvention": "Signal processing, Image processing",
    
        },
        {
            "Inventor": "Nathan Myhrvold",
            "NumberofPatentFamilies": 661,
            "Country": "USA",
            "Number of INPADOC patents": 1690,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "William I. Wood",
            "NumberofPatentFamilies": 653,
            "Country": "USA",
            "Number of INPADOC patents": 3560,
            "Active": "1981-2016",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Simon R. Walmsley",
            "NumberofPatentFamilies": 651,
            "Country": "Australia",
            "Number of INPADOC patents": 1249,
            "Active": "1995-2015",
            "Mainfieldsofinvention": "Printing, Electronics, VLSI, Cryptography",
    
        },
        {
            "Inventor": "Mark Malamud",
            "NumberofPatentFamilies": 632,
            "Country": "USA",
            "Number of INPADOC patents": 1759,
            "Active": "1997-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Royce A. Levien",
            "NumberofPatentFamilies": 630,
            "Country": "USA",
            "Number of INPADOC patents": 1799,
            "Active": "1997-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Audrey D. Goddard",
            "NumberofPatentFamilies": 622,
            "Country": "USA",
            "Number of INPADOC patents": 3416,
            "Active": "1997-2014",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Muriel Y. Ishikawa",
            "NumberofPatentFamilies": 619,
            "Country": "USA",
            "Number of INPADOC patents": 1660,
            "Active": "2002-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Robert W. Lord",
            "NumberofPatentFamilies": 618,
            "Country": "USA",
            "Number of INPADOC patents": 1708,
            "Active": "2003-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Jerome Lemelson",
            "NumberofPatentFamilies": 606,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1923(b)-1997(d)",
            "Mainfieldsofinvention": "Toys, Industrial robots, Cordless telephones, Fax machines, Videocassette recorders",
    
        },
        {
            "Inventor": "Béla Barényi",
            "NumberofPatentFamilies": 595,
            "Country": "Austria",
            "Number of INPADOC patents": 1244,
            "Active": "1907(b)-1997(d)",
            "Mainfieldsofinvention": "Passive safety in automobiles",
    
        },
        {
            "Inventor": "Kie Y Ahn",
            "NumberofPatentFamilies": 593,
            "Country": "USA",
            "Number of INPADOC patents": 709,
            "Active": "1976-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, VLSI, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Tadahiro Ohmi",
            "NumberofPatentFamilies": 592,
            "Country": "Japan",
            "Number of INPADOC patents": 2691,
            "Active": "1981-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Jordin T. Kare",
            "NumberofPatentFamilies": 585,
            "Country": "USA",
            "Number of INPADOC patents": 1559,
            "Active": "1992-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Paul J. Godowski",
            "NumberofPatentFamilies": 579,
            "Country": "USA",
            "Number of INPADOC patents": 2605,
            "Active": "1994-2014",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Artur Fischer",
            "NumberofPatentFamilies": 570,
            "Country": "Germany",
            "Number of INPADOC patents": 3097,
            "Active": "1976-2002",
            "Mainfieldsofinvention": "Fasteners, Construction toys",
    
        },
        {
            "Inventor": "Edward J. Nowak",
            "NumberofPatentFamilies": 564,
            "Country": "USA",
            "Number of INPADOC patents": 1145,
            "Active": "1979-2016",
            "Mainfieldsofinvention": "Semiconductor device fabrication, Semiconductor memory, Semiconductor device",
    
        },
        {
            "Inventor": "Louis L. Hsu",
            "NumberofPatentFamilies": 551,
            "Country": "USA",
            "Number of INPADOC patents": 914,
            "Active": "1988-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Edwin H. Land",
            "NumberofPatentFamilies": 535,
            "Country": "USA",
            "Number of INPADOC patents": 1236,
            "Active": "1909(b)-1991(d)",
            "Mainfieldsofinvention": "Instant photography, Polarizing film",
    
        },
        {
            "Inventor": "Henri Dreyfus",
            "NumberofPatentFamilies": 524,
            "Country": "Switzerland",
            "Number of INPADOC patents": 2117,
            "Active": "1882(b)-1944(d)",
            "Mainfieldsofinvention": "Polymers, Synthetic fibers, Dyes",
    
        },
        {
            "Inventor": "Bruce B. Doris",
            "NumberofPatentFamilies": 522,
            "Country": "USA",
            "Number of INPADOC patents": 867,
            "Active": "1995-2016",
            "Mainfieldsofinvention": "Integrated Circuits, CMOS, DRAM, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Clyde C. Farmer",
            "NumberofPatentFamilies": 513,
            "Country": "USA",
            "Number of INPADOC patents": 830,
            "Active": "18??(b)-19??(d)",
            "Mainfieldsofinvention": "Railway air brakes",
    
        }];
});

Custom Attributes

You can customize the grid cells by adding a CSS class to the customAttribute property of the column.

.e-attr {
    background: #d7f0f4;
}
<e-column
    field='ShipCity' headerText='Ship City' :customAttributes= "{class: 'e-attr'}" width=90 >
</e-column>

In the below example, we have customized the cells of OrderID and ShipCity columns.

Source
Preview
app.vue
datasource.js
<template>
    <div id="app">
        <ejs-grid :dataSource="data" height='315'>
          <e-columns>
            <e-column field='OrderID' headerText='Order ID' :customAttributes= "{class: 'e-attr'}" textAlign='Right' width=90></e-column>
            <e-column field='CustomerID' headerText='Customer ID' width=120></e-column>
            <e-column field='ShipCity' headerText='Ship City' :customAttributes= "{class: 'e-attr'}" textAlign='Right' width=90></e-column>
            <e-column field='OrderDate' headerText='Order Date' textAlign='Right' format='yMd' type='date' width=120 > </e-column>
          </e-columns>
        </ejs-grid>
    </div>
</template>
<script>
import Vue from "vue";
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';
Vue.use(GridPlugin);

export default {
  data() {
    return {
      data: data
    };
  }
}
</script>
<style>
  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
  .e-attr {
  background: #d7f0f4;
  }
</style>
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.data = [
        {
           "OrderID":10248,
           "CustomerID":"VINET",
           "OrderDate":"1996-07-04T00:00:00.000Z",
           "ShippedDate":"1996-07-16T00:00:00.000Z",
           "Freight":32.38,
           "ShipName":"Vins et alcools Chevalier",
           "ShipAddress":"59 rue de l'Abbaye",
           "ShipCity":"Reims",
           "ShipRegion":null,
           "ShipCountry":"France",
           "Verified": true
        },
        {
           "OrderID":10249,
           "CustomerID":"TOMSP",
           "OrderDate":"1996-07-05T00:00:00.000Z",
           "ShippedDate":"1996-07-10T00:00:00.000Z",
           "Freight":11.61,
           "ShipName":"Toms Spezialitäten",
           "ShipAddress":"Luisenstr. 48",
           "ShipCity":"Münster",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10250,
           "CustomerID":"HANAR",
           "OrderDate":"1996-07-08T00:00:00.000Z",
           "ShippedDate":"1996-07-12T00:00:00.000Z",
           "Freight":65.83,
           "ShipName":"Hanari Carnes",
           "ShipAddress":"Rua do Paço, 67",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil",
           "Verified": true
        },
        {
           "OrderID":10251,
           "CustomerID":"VICTE",
           "OrderDate":"1996-07-08T00:00:00.000Z",
           "ShippedDate":"1996-07-15T00:00:00.000Z",
           "Freight":41.34,
           "ShipName":"Victuailles en stock",
           "ShipAddress":"2, rue du Commerce",
           "ShipCity":"Lyon",
           "ShipRegion":null,
           "ShipCountry":"France",
           "Verified": true
        },
        {
           "OrderID":10252,
           "CustomerID":"SUPRD",
           "OrderDate":"1996-07-09T00:00:00.000Z",
           "ShippedDate":"1996-07-11T00:00:00.000Z",
           "Freight":51.3,
           "ShipName":"Suprêmes délices",
           "ShipAddress":"Boulevard Tirou, 255",
           "ShipCity":"Charleroi",
           "ShipRegion":null,
           "ShipCountry":"Belgium"
        },
        {
           "OrderID":10253,
           "CustomerID":"HANAR",
           "OrderDate":"1996-07-10T00:00:00.000Z",
           "ShippedDate":"1996-07-16T00:00:00.000Z",
           "Freight":58.17,
           "ShipName":"Hanari Carnes",
           "ShipAddress":"Rua do Paço, 67",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil",
           "Verified": true
        },
        {
           "OrderID":10254,
           "CustomerID":"CHOPS",
           "OrderDate":"1996-07-11T00:00:00.000Z",
           "ShippedDate":"1996-07-23T00:00:00.000Z",
           "Freight":22.98,
           "ShipName":"Chop-suey Chinese",
           "ShipAddress":"Hauptstr. 31",
           "ShipCity":"Bern",
           "ShipRegion":null,
           "ShipCountry":"Switzerland",
           "Verified": true
        },
        {
           "OrderID":10255,
           "CustomerID":"RICSU",
           "OrderDate":"1996-07-12T00:00:00.000Z",
           "ShippedDate":"1996-07-15T00:00:00.000Z",
           "Freight":148.33,
           "ShipName":"Richter Supermarkt",
           "ShipAddress":"Starenweg 5",
           "ShipCity":"Genève",
           "ShipRegion":null,
           "ShipCountry":"Switzerland"
        },
        {
           "OrderID":10256,
           "CustomerID":"WELLI",
           "OrderDate":"1996-07-15T00:00:00.000Z",
           "ShippedDate":"1996-07-17T00:00:00.000Z",
           "Freight":13.97,
           "ShipName":"Wellington Importadora",
           "ShipAddress":"Rua do Mercado, 12",
           "ShipCity":"Resende",
           "ShipRegion":"SP",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10257,
           "CustomerID":"HILAA",
           "OrderDate":"1996-07-16T00:00:00.000Z",
           "ShippedDate":"1996-07-22T00:00:00.000Z",
           "Freight":81.91,
           "ShipName":"HILARION-Abastos",
           "ShipAddress":"Carrera 22 con Ave. Carlos Soublette #8-35",
           "ShipCity":"San Cristóbal",
           "ShipRegion":"Táchira",
           "ShipCountry":"Venezuela"
        },
        {
           "OrderID":10258,
           "CustomerID":"ERNSH",
           "OrderDate":"1996-07-17T00:00:00.000Z",
           "ShippedDate":"1996-07-23T00:00:00.000Z",
           "Freight":140.51,
           "ShipName":"Ernst Handel",
           "ShipAddress":"Kirchgasse 6",
           "ShipCity":"Graz",
           "ShipRegion":null,
           "ShipCountry":"Austria"
        },
        {
           "OrderID":10259,
           "CustomerID":"CENTC",
           "OrderDate":"1996-07-18T00:00:00.000Z",
           "ShippedDate":"1996-07-25T00:00:00.000Z",
           "Freight":3.25,
           "ShipName":"Centro comercial Moctezuma",
           "ShipAddress":"Sierras de Granada 9993",
           "ShipCity":"México D.F.",
           "ShipRegion":null,
           "ShipCountry":"Mexico",
           "Verified": true
        },
        {
           "OrderID":10260,
           "CustomerID":"OTTIK",
           "OrderDate":"1996-07-19T00:00:00.000Z",
           "ShippedDate":"1996-07-29T00:00:00.000Z",
           "Freight":55.09,
           "ShipName":"Ottilies Käseladen",
           "ShipAddress":"Mehrheimerstr. 369",
           "ShipCity":"Köln",
           "ShipRegion":null,
           "ShipCountry":"Germany",
           "Verified": true
        },
        {
           "OrderID":10261,
           "CustomerID":"QUEDE",
           "OrderDate":"1996-07-19T00:00:00.000Z",
           "ShippedDate":"1996-07-30T00:00:00.000Z",
           "Freight":3.05,
           "ShipName":"Que Delícia",
           "ShipAddress":"Rua da Panificadora, 12",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10262,
           "CustomerID":"RATTC",
           "OrderDate":"1996-07-22T00:00:00.000Z",
           "ShippedDate":"1996-07-25T00:00:00.000Z",
           "Freight":48.29,
           "ShipName":"Rattlesnake Canyon Grocery",
           "ShipAddress":"2817 Milton Dr.",
           "ShipCity":"Albuquerque",
           "ShipRegion":"NM",
           "ShipCountry":"USA",
           "Verified": true
        },
        {
           "OrderID":10263,
           "CustomerID":"ERNSH",
           "OrderDate":"1996-07-23T00:00:00.000Z",
           "ShippedDate":"1996-07-31T00:00:00.000Z",
           "Freight":146.06,
           "ShipName":"Ernst Handel",
           "ShipAddress":"Kirchgasse 6",
           "ShipCity":"Graz",
           "ShipRegion":null,
           "Verified": true,
           "ShipCountry":"Austria"
        },
        {
           "OrderID":10264,
           "CustomerID":"FOLKO",
           "OrderDate":"1996-07-24T00:00:00.000Z",
           "ShippedDate":"1996-08-23T00:00:00.000Z",
           "Freight":3.67,
           "ShipName":"Folk och fä HB",
           "ShipAddress":"Åkergatan 24",
           "ShipCity":"Bräcke",
           "ShipRegion":null,
           "ShipCountry":"Sweden"
        },
        {
           "OrderID":10265,
           "CustomerID":"BLONP",
           "OrderDate":"1996-07-25T00:00:00.000Z",
           "ShippedDate":"1996-08-12T00:00:00.000Z",
           "Freight":55.28,
           "ShipName":"Blondel père et fils",
           "ShipAddress":"24, place Kléber",
           "ShipCity":"Strasbourg",
           "ShipRegion":null,
           "ShipCountry":"France"
        },
        {
           "OrderID":10266,
           "CustomerID":"WARTH",
           "OrderDate":"1996-07-26T00:00:00.000Z",
           "ShippedDate":"1996-07-31T00:00:00.000Z",
           "Freight":25.73,
           "ShipName":"Wartian Herkku",
           "ShipAddress":"Torikatu 38",
           "ShipCity":"Oulu",
           "ShipRegion":null,
           "ShipCountry":"Finland"
        },
        {
           "OrderID":10267,
           "CustomerID":"FRANK",
           "OrderDate":"1996-07-29T00:00:00.000Z",
           "ShippedDate":"1996-08-06T00:00:00.000Z",
           "Freight":208.58,
           "ShipName":"Frankenversand",
           "ShipAddress":"Berliner Platz 43",
           "ShipCity":"München",
           "ShipRegion":null,
           "ShipCountry":"Germany",
           "Verified": true
        },
        {
           "OrderID":10268,
           "CustomerID":"GROSR",
           "OrderDate":"1996-07-30T00:00:00.000Z",
           "ShippedDate":"1996-08-02T00:00:00.000Z",
           "Freight":66.29,
           "ShipName":"GROSELLA-Restaurante",
           "ShipAddress":"5ª Ave. Los Palos Grandes",
           "ShipCity":"Caracas",
           "ShipRegion":"DF",
           "ShipCountry":"Venezuela"
        },
        {
           "OrderID":10269,
           "CustomerID":"WHITC",
           "OrderDate":"1996-07-31T00:00:00.000Z",
           "ShippedDate":"1996-08-09T00:00:00.000Z",
           "Freight":4.56,
           "ShipName":"White Clover Markets",
           "ShipAddress":"1029 - 12th Ave. S.",
           "ShipCity":"Seattle",
           "ShipRegion":"WA",
           "ShipCountry":"USA"
        },
        {
           "OrderID":10270,
           "CustomerID":"WARTH",
           "OrderDate":"1996-08-01T00:00:00.000Z",
           "ShippedDate":"1996-08-02T00:00:00.000Z",
           "Freight":136.54,
           "ShipName":"Wartian Herkku",
           "ShipAddress":"Torikatu 38",
           "ShipCity":"Oulu",
           "ShipRegion":null,
           "ShipCountry":"Finland"
        },
        {
           "OrderID":10271,
           "CustomerID":"SPLIR",
           "OrderDate":"1996-08-01T00:00:00.000Z",
           "ShippedDate":"1996-08-30T00:00:00.000Z",
           "Freight":4.54,
           "ShipName":"Split Rail Beer & Ale",
           "ShipAddress":"P.O. Box 555",
           "ShipCity":"Lander",
           "ShipRegion":"WY",
           "ShipCountry":"USA"
        },
        {
           "OrderID":10272,
           "CustomerID":"RATTC",
           "OrderDate":"1996-08-02T00:00:00.000Z",
           "ShippedDate":"1996-08-06T00:00:00.000Z",
           "Freight":98.03,
           "ShipName":"Rattlesnake Canyon Grocery",
           "ShipAddress":"2817 Milton Dr.",
           "ShipCity":"Albuquerque",
           "ShipRegion":"NM",
           "ShipCountry":"USA"
        },
        {
           "OrderID":10273,
           "CustomerID":"QUICK",
           "OrderDate":"1996-08-05T00:00:00.000Z",
           "ShippedDate":"1996-08-12T00:00:00.000Z",
           "Freight":76.07,
           "ShipName":"QUICK-Stop",
           "ShipAddress":"Taucherstraße 10",
           "ShipCity":"Cunewalde",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10274,
           "CustomerID":"VINET",
           "OrderDate":"1996-08-06T00:00:00.000Z",
           "ShippedDate":"1996-08-16T00:00:00.000Z",
           "Freight":6.01,
           "ShipName":"Vins et alcools Chevalier",
           "ShipAddress":"59 rue de l'Abbaye",
           "ShipCity":"Reims",
           "ShipRegion":null,
           "ShipCountry":"France"
        },
        {
           "OrderID":10275,
           "CustomerID":"MAGAA",
           "OrderDate":"1996-08-07T00:00:00.000Z",
           "ShippedDate":"1996-08-09T00:00:00.000Z",
           "Freight":26.93,
           "ShipName":"Magazzini Alimentari Riuniti",
           "ShipAddress":"Via Ludovico il Moro 22",
           "ShipCity":"Bergamo",
           "ShipRegion":null,
           "ShipCountry":"Italy"
        },
        {
           "OrderID":10276,
           "CustomerID":"TORTU",
           "OrderDate":"1996-08-08T00:00:00.000Z",
           "ShippedDate":"1996-08-14T00:00:00.000Z",
           "Freight":13.84,
           "ShipName":"Tortuga Restaurante",
           "ShipAddress":"Avda. Azteca 123",
           "ShipCity":"México D.F.",
           "ShipRegion":null,
           "ShipCountry":"Mexico"
        },
        {
           "OrderID":10277,
           "CustomerID":"MORGK",
           "OrderDate":"1996-08-09T00:00:00.000Z",
           "ShippedDate":"1996-08-13T00:00:00.000Z",
           "Freight":125.77,
           "ShipName":"Morgenstern Gesundkost",
           "ShipAddress":"Heerstr. 22",
           "ShipCity":"Leipzig",
           "ShipRegion":null,
           "ShipCountry":"Germany",
           "Verified": true
        },
        {
           "OrderID":10278,
           "CustomerID":"BERGS",
           "OrderDate":"1996-08-12T00:00:00.000Z",
           "ShippedDate":"1996-08-16T00:00:00.000Z",
           "Freight":92.69,
           "ShipName":"Berglunds snabbköp",
           "ShipAddress":"Berguvsvägen  8",
           "ShipCity":"Luleå",
           "ShipRegion":null,
           "ShipCountry":"Sweden"
        },
        {
           "OrderID":10279,
           "CustomerID":"LEHMS",
           "OrderDate":"1996-08-13T00:00:00.000Z",
           "ShippedDate":"1996-08-16T00:00:00.000Z",
           "Freight":25.83,
           "ShipName":"Lehmanns Marktstand",
           "ShipAddress":"Magazinweg 7",
           "ShipCity":"Frankfurt a.M.",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10280,
           "CustomerID":"BERGS",
           "OrderDate":"1996-08-14T00:00:00.000Z",
           "ShippedDate":"1996-09-12T00:00:00.000Z",
           "Freight":8.98,
           "ShipName":"Berglunds snabbköp",
           "ShipAddress":"Berguvsvägen  8",
           "ShipCity":"Luleå",
           "ShipRegion":null,
           "ShipCountry":"Sweden",
           "Verified": true
        },
        {
           "OrderID":10281,
           "CustomerID":"ROMEY",
           "OrderDate":"1996-08-14T00:00:00.000Z",
           "ShippedDate":"1996-08-21T00:00:00.000Z",
           "Freight":2.94,
           "ShipName":"Romero y tomillo",
           "ShipAddress":"Gran Vía, 1",
           "ShipCity":"Madrid",
           "ShipRegion":null,
           "ShipCountry":"Spain"
        },
        {
           "OrderID":10282,
           "CustomerID":"ROMEY",
           "OrderDate":"1996-08-15T00:00:00.000Z",
           "ShippedDate":"1996-08-21T00:00:00.000Z",
           "Freight":12.69,
           "ShipName":"Romero y tomillo",
           "ShipAddress":"Gran Vía, 1",
           "ShipCity":"Madrid",
           "ShipRegion":null,
           "ShipCountry":"Spain"
        },
        {
           "OrderID":10283,
           "CustomerID":"LILAS",
           "OrderDate":"1996-08-16T00:00:00.000Z",
           "ShippedDate":"1996-08-23T00:00:00.000Z",
           "Freight":84.81,
           "ShipName":"LILA-Supermercado",
           "ShipAddress":"Carrera 52 con Ave. Bolívar #65-98 Llano Largo",
           "ShipCity":"Barquisimeto",
           "ShipRegion":"Lara",
           "ShipCountry":"Venezuela"
        },
        {
           "OrderID":10284,
           "CustomerID":"LEHMS",
           "OrderDate":"1996-08-19T00:00:00.000Z",
           "ShippedDate":"1996-08-27T00:00:00.000Z",
           "Freight":76.56,
           "ShipName":"Lehmanns Marktstand",
           "ShipAddress":"Magazinweg 7",
           "ShipCity":"Frankfurt a.M.",
           "ShipRegion":null,
           "ShipCountry":"Germany",
           "Verified": true
        },
        {
           "OrderID":10285,
           "CustomerID":"QUICK",
           "OrderDate":"1996-08-20T00:00:00.000Z",
           "ShippedDate":"1996-08-26T00:00:00.000Z",
           "Freight":76.83,
           "ShipName":"QUICK-Stop",
           "ShipAddress":"Taucherstraße 10",
           "ShipCity":"Cunewalde",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10286,
           "CustomerID":"QUICK",
           "OrderDate":"1996-08-21T00:00:00.000Z",
           "ShippedDate":"1996-08-30T00:00:00.000Z",
           "Freight":229.24,
           "ShipName":"QUICK-Stop",
           "ShipAddress":"Taucherstraße 10",
           "ShipCity":"Cunewalde",
           "ShipRegion":null,
           "ShipCountry":"Germany"
        },
        {
           "OrderID":10287,
           "CustomerID":"RICAR",
           "OrderDate":"1996-08-22T00:00:00.000Z",
           "ShippedDate":"1996-08-28T00:00:00.000Z",
           "Freight":12.76,
           "ShipName":"Ricardo Adocicados",
           "ShipAddress":"Av. Copacabana, 267",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10288,
           "CustomerID":"REGGC",
           "OrderDate":"1996-08-23T00:00:00.000Z",
           "ShippedDate":"1996-09-03T00:00:00.000Z",
           "Freight":7.45,
           "ShipName":"Reggiani Caseifici",
           "ShipAddress":"Strada Provinciale 124",
           "ShipCity":"Reggio Emilia",
           "ShipRegion":null,
           "ShipCountry":"Italy"
        },
        {
           "OrderID":10289,
           "CustomerID":"BSBEV",
           "OrderDate":"1996-08-26T00:00:00.000Z",
           "ShippedDate":"1996-08-28T00:00:00.000Z",
           "Freight":22.77,
           "ShipName":"B's Beverages",
           "ShipAddress":"Fauntleroy Circus",
           "ShipCity":"London",
           "ShipRegion":null,
           "ShipCountry":"UK"
        },
        {
           "OrderID":10290,
           "CustomerID":"COMMI",
           "OrderDate":"1996-08-27T00:00:00.000Z",
           "ShippedDate":"1996-09-03T00:00:00.000Z",
           "Freight":79.7,
           "ShipName":"Comércio Mineiro",
           "ShipAddress":"Av. dos Lusíadas, 23",
           "ShipCity":"Sao Paulo",
           "ShipRegion":"SP",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10291,
           "CustomerID":"QUEDE",
           "OrderDate":"1996-08-27T00:00:00.000Z",
           "ShippedDate":"1996-09-04T00:00:00.000Z",
           "Freight":6.4,
           "ShipName":"Que Delícia",
           "ShipAddress":"Rua da Panificadora, 12",
           "ShipCity":"Rio de Janeiro",
           "ShipRegion":"RJ",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10292,
           "CustomerID":"TRADH",
           "OrderDate":"1996-08-28T00:00:00.000Z",
           "ShippedDate":"1996-09-02T00:00:00.000Z",
           "Freight":1.35,
           "ShipName":"Tradiçao Hipermercados",
           "ShipAddress":"Av. Inês de Castro, 414",
           "ShipCity":"Sao Paulo",
           "ShipRegion":"SP",
           "ShipCountry":"Brazil"
        },
        {
           "OrderID":10293,
           "CustomerID":"TORTU",
           "OrderDate":"1996-08-29T00:00:00.000Z",
           "ShippedDate":"1996-09-11T00:00:00.000Z",
           "Freight":21.18,
           "ShipName":"Tortuga Restaurante",
           "ShipAddress":"Avda. Azteca 123",
           "ShipCity":"México D.F.",
           "ShipRegion":null,
           "ShipCountry":"Mexico"
        },
        {
           "OrderID":10294,
           "CustomerID":"RATTC",
           "OrderDate":"1996-08-30T00:00:00.000Z",
           "ShippedDate":"1996-09-05T00:00:00.000Z",
           "Freight":147.26,
           "ShipName":"Rattlesnake Canyon Grocery",
           "ShipAddress":"2817 Milton Dr.",
           "ShipCity":"Albuquerque",
           "ShipRegion":"NM",
           "ShipCountry":"USA"
        }];
});

Grid Lines

The gridLines have the option to display cell border and it can be defined by the gridLines property.

The available modes of grid lines are:

Modes Actions
Both Displays both the horizontal and vertical grid lines.
None No grid lines are displayed.
Horizontal Displays the horizontal grid lines only.
Vertical Displays the vertical grid lines only.
Default Displays grid lines based on the theme.
Source
Preview
app.vue
datasource.js
<template>
    <div id="app">
        <ejs-grid :dataSource='data' height='315' gridLines='Both'>
            <e-columns>
                <e-column field='Inventor' headerText='Inventor Name' width='180' textAlign="Right"></e-column>
                <e-column field='NumberofPatentFamilies' headerText="Number of Patent Families" width='180' textAlign="Right"></e-column>
                <e-column field='Country' headerText='Country' width='140'></e-column>
                <e-column field='Active' width='120'></e-column>
                <e-column field='Mainfieldsofinvention' headerText='Main fields of invention' width='200'></e-column>
            </e-columns>
        </ejs-grid>
    </div>
</template>
<script>
import Vue from "vue";
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';
Vue.use(GridPlugin);

export default {
  data() {
    return {
      data: data
    };
  }
}
</script>
<style>
  @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
</style>
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.data = [
        {
            "Inventor": "Kia Silverbrook",
            "NumberofPatentFamilies": 4737,
            "Country": "Australia",
            "Number of INPADOC patents": 9839,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Printing, Digital paper, Internet, Electronics,Lab-on-a-chip, MEMS, Mechanical, VLSI",
    
        },
        {
            "Inventor": "Shunpei Yamazaki",
            "NumberofPatentFamilies": 4677,
            "Country": "Japan",
            "Number of INPADOC patents": "10000+",
            "Active": "1976-2016",
            "Mainfieldsofinvention": "Thin film transistors, Liquid crystal displays, Solar cells, Flash memory, OLED",
    
        },
        {
            "Inventor": "Lowell L. Wood, Jr.",
            "NumberofPatentFamilies": 1419,
            "Country": "USA",
            "Number of INPADOC patents": 1332,
            "Active": "1977-2016",
            "Mainfieldsofinvention": "Mosquito laser, Nuclear weapons",
    
        },
        {
            "Inventor": "Paul Lapstun",
            "NumberofPatentFamilies": 1281,
            "Country": "Australia",
            "Number of INPADOC patents": 3099,
            "Active": "2000-2016",
            "Mainfieldsofinvention": "Printing, Digital paper, Internet, Electronics, CGI, VLSI",
    
        },
        {
            "Inventor": "Gurtej Sandhu",
            "NumberofPatentFamilies": 1255,
            "Country": "India",
            "Number of INPADOC patents": 2038,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, VLSI, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Jun Koyama",
            "NumberofPatentFamilies": 1240,
            "Country": "Japan",
            "Number of INPADOC patents": 4126,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Thin film transistors, Liquid crystal displays, OLED",
    
        },
        {
            "Inventor": "Roderick A. Hyde",
            "NumberofPatentFamilies": 1240,
            "Country": "USA",
            "Number of INPADOC patents": 3360,
            "Active": "2001-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Leonard Forbes",
            "NumberofPatentFamilies": 1093,
            "Country": "Canada",
            "Number of INPADOC patents": 1398,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Semiconductor Memories, CCDs, Thin film processes and materials, VLSI",
    
        },
        {
            "Inventor": "Thomas Edison",
            "NumberofPatentFamilies": 1084,
            "Country": "USA",
            "Number of INPADOC patents": 2332,
            "Active": "1847(b)-1931(d)",
            "Mainfieldsofinvention": "Electric power, Lighting, Batteries, Phonograph, Cement, Telegraphy, Mining",
    
        },
        {
            "Inventor": "Donald E. Weder",
            "NumberofPatentFamilies": 999,
            "Country": "USA",
            "Number of INPADOC patents": 1993,
            "Active": "1976-2015",
            "Mainfieldsofinvention": "Florist supplies",
    
        },
        {
            "Inventor": "George Albert Lyon",
            "NumberofPatentFamilies": 993,
            "Country": "Canada",
            "Number of INPADOC patents": "NA",
            "Active": "1882(b)-1961(d)",
            "Mainfieldsofinvention": "Automotive, Stainless steel products",
    
        },
        {
            "Inventor": "John F. O'Connor",
            "NumberofPatentFamilies": 949,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1864(b)-1938(d)",
            "Mainfieldsofinvention": "Railway draft gearing",
    
        },
        {
            "Inventor": "Melvin De Groote",
            "NumberofPatentFamilies": 925,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1895(b)-1963(d)",
            "Mainfieldsofinvention": "Chemical de-emulsifiers",
    
        },
        {
            "Inventor": "Jay S. Walker",
            "NumberofPatentFamilies": 918,
            "Country": "USA",
            "Number of INPADOC patents": 2206,
            "Active": "1998-2016",
            "Mainfieldsofinvention": "Gaming machines",
    
        },
        {
            "Inventor": "Edward K. Y. Jung",
            "NumberofPatentFamilies": 911,
            "Country": "USA",
            "Number of INPADOC patents": 2254,
            "Active": "1996-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Francis H. Richards",
            "NumberofPatentFamilies": 894,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1850(b)-19??(d)",
            "Mainfieldsofinvention": "Mechanical, automation",
    
        },
        {
            "Inventor": "Kangguo Cheng",
            "NumberofPatentFamilies": 884,
            "Country": "USA",
            "Number of INPADOC patents": 1314,
            "Active": "2004-2016",
            "Mainfieldsofinvention": "Semiconductor device fabrication, Semiconductor memory, Semiconductor device",
    
        },
        {
            "Inventor": "Clarence T. Tegreene",
            "NumberofPatentFamilies": 872,
            "Country": "USA",
            "Number of INPADOC patents": 2255,
            "Active": "2000-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Ahmadreza Rofougaran",
            "NumberofPatentFamilies": 808,
            "Country": "USA",
            "Number of INPADOC patents": 1396,
            "Active": "2002-2016",
            "Mainfieldsofinvention": "Radio Frequency Integrated Circuits",
    
        },
        {
            "Inventor": "Shou-Shan Fan",
            "NumberofPatentFamilies": 805,
            "Country": "China",
            "Number of INPADOC patents": 2120,
            "Active": "2006-2016",
            "Mainfieldsofinvention": "Carbon nanotubes and applications of carbon nanotubes",
    
        },
        {
            "Inventor": "Michael J. Sullivan",
            "NumberofPatentFamilies": 788,
            "Country": "USA",
            "Number of INPADOC patents": 1560,
            "Active": "1977-2016",
            "Mainfieldsofinvention": "Golf balls",
    
        },
        {
            "Inventor": "Rick Allen Hamilton II",
            "NumberofPatentFamilies": 773,
            "Country": "USA",
            "Number of INPADOC patents": 1064,
            "Active": "1999-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Warren Farnworth",
            "NumberofPatentFamilies": 770,
            "Country": "USA",
            "Number of INPADOC patents": 931,
            "Active": "1990-2016",
            "Mainfieldsofinvention": "Semiconductor packaging",
    
        },
        {
            "Inventor": "Carleton Ellis",
            "NumberofPatentFamilies": 753,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1876(b)-1941(d)",
            "Mainfieldsofinvention": "Margarine, Polyester, Anti-knock gasoline, Paint stripper",
    
        },
        {
            "Inventor": "William H. Eby",
            "NumberofPatentFamilies": 733,
            "Country": "USA",
            "Number of INPADOC patents": 758,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Transgenic soybeans",
    
        },
        {
            "Inventor": "Hideo Ando",
            "NumberofPatentFamilies": 728,
            "Country": "Japan",
            "Number of INPADOC patents": 2588,
            "Active": "1983-2016",
            "Mainfieldsofinvention": "Optical recording",
    
        },
        {
            "Inventor": "Salman Akram",
            "NumberofPatentFamilies": 728,
            "Country": "USA",
            "Number of INPADOC patents": 915,
            "Active": "1995-2016",
            "Mainfieldsofinvention": "Semiconductor packaging",
    
        },
        {
            "Inventor": "George Spector",
            "NumberofPatentFamilies": 722,
            "Country": "USA",
            "Number of INPADOC patents": 747,
            "Active": "1976-1998",
            "Mainfieldsofinvention": "Gadgets, Toys",
    
        },
        {
            "Inventor": "Jeyhan Karaoguz",
            "NumberofPatentFamilies": 721,
            "Country": "USA",
            "Number of INPADOC patents": 1530,
            "Active": "1996-2016",
            "Mainfieldsofinvention": "Wireless communications, Computer networks",
    
        },
        {
            "Inventor": "Elihu Thomson",
            "NumberofPatentFamilies": 696,
            "Country": "UK",
            "Number of INPADOC patents": "NA",
            "Active": "1853(b)-1937(d)",
            "Mainfieldsofinvention": "Electric power, Arc lamp, Electric motors, Lightning arrester, Arc welder",
    
        },
        {
            "Inventor": "Austin L. Gurney",
            "NumberofPatentFamilies": 695,
            "Country": "USA",
            "Number of INPADOC patents": 3909,
            "Active": "1999-2016",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Tetsujiro Kondo",
            "NumberofPatentFamilies": 684,
            "Country": "Japan",
            "Number of INPADOC patents": 4158,
            "Active": "1987-2015",
            "Mainfieldsofinvention": "Signal processing, Image processing",
    
        },
        {
            "Inventor": "Nathan Myhrvold",
            "NumberofPatentFamilies": 661,
            "Country": "USA",
            "Number of INPADOC patents": 1690,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "William I. Wood",
            "NumberofPatentFamilies": 653,
            "Country": "USA",
            "Number of INPADOC patents": 3560,
            "Active": "1981-2016",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Simon R. Walmsley",
            "NumberofPatentFamilies": 651,
            "Country": "Australia",
            "Number of INPADOC patents": 1249,
            "Active": "1995-2015",
            "Mainfieldsofinvention": "Printing, Electronics, VLSI, Cryptography",
    
        },
        {
            "Inventor": "Mark Malamud",
            "NumberofPatentFamilies": 632,
            "Country": "USA",
            "Number of INPADOC patents": 1759,
            "Active": "1997-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Royce A. Levien",
            "NumberofPatentFamilies": 630,
            "Country": "USA",
            "Number of INPADOC patents": 1799,
            "Active": "1997-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Audrey D. Goddard",
            "NumberofPatentFamilies": 622,
            "Country": "USA",
            "Number of INPADOC patents": 3416,
            "Active": "1997-2014",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Muriel Y. Ishikawa",
            "NumberofPatentFamilies": 619,
            "Country": "USA",
            "Number of INPADOC patents": 1660,
            "Active": "2002-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Robert W. Lord",
            "NumberofPatentFamilies": 618,
            "Country": "USA",
            "Number of INPADOC patents": 1708,
            "Active": "2003-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Jerome Lemelson",
            "NumberofPatentFamilies": 606,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1923(b)-1997(d)",
            "Mainfieldsofinvention": "Toys, Industrial robots, Cordless telephones, Fax machines, Videocassette recorders",
    
        },
        {
            "Inventor": "Béla Barényi",
            "NumberofPatentFamilies": 595,
            "Country": "Austria",
            "Number of INPADOC patents": 1244,
            "Active": "1907(b)-1997(d)",
            "Mainfieldsofinvention": "Passive safety in automobiles",
    
        },
        {
            "Inventor": "Kie Y Ahn",
            "NumberofPatentFamilies": 593,
            "Country": "USA",
            "Number of INPADOC patents": 709,
            "Active": "1976-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, VLSI, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Tadahiro Ohmi",
            "NumberofPatentFamilies": 592,
            "Country": "Japan",
            "Number of INPADOC patents": 2691,
            "Active": "1981-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Jordin T. Kare",
            "NumberofPatentFamilies": 585,
            "Country": "USA",
            "Number of INPADOC patents": 1559,
            "Active": "1992-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Paul J. Godowski",
            "NumberofPatentFamilies": 579,
            "Country": "USA",
            "Number of INPADOC patents": 2605,
            "Active": "1994-2014",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Artur Fischer",
            "NumberofPatentFamilies": 570,
            "Country": "Germany",
            "Number of INPADOC patents": 3097,
            "Active": "1976-2002",
            "Mainfieldsofinvention": "Fasteners, Construction toys",
    
        },
        {
            "Inventor": "Edward J. Nowak",
            "NumberofPatentFamilies": 564,
            "Country": "USA",
            "Number of INPADOC patents": 1145,
            "Active": "1979-2016",
            "Mainfieldsofinvention": "Semiconductor device fabrication, Semiconductor memory, Semiconductor device",
    
        },
        {
            "Inventor": "Louis L. Hsu",
            "NumberofPatentFamilies": 551,
            "Country": "USA",
            "Number of INPADOC patents": 914,
            "Active": "1988-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Edwin H. Land",
            "NumberofPatentFamilies": 535,
            "Country": "USA",
            "Number of INPADOC patents": 1236,
            "Active": "1909(b)-1991(d)",
            "Mainfieldsofinvention": "Instant photography, Polarizing film",
    
        },
        {
            "Inventor": "Henri Dreyfus",
            "NumberofPatentFamilies": 524,
            "Country": "Switzerland",
            "Number of INPADOC patents": 2117,
            "Active": "1882(b)-1944(d)",
            "Mainfieldsofinvention": "Polymers, Synthetic fibers, Dyes",
    
        },
        {
            "Inventor": "Bruce B. Doris",
            "NumberofPatentFamilies": 522,
            "Country": "USA",
            "Number of INPADOC patents": 867,
            "Active": "1995-2016",
            "Mainfieldsofinvention": "Integrated Circuits, CMOS, DRAM, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Clyde C. Farmer",
            "NumberofPatentFamilies": 513,
            "Country": "USA",
            "Number of INPADOC patents": 830,
            "Active": "18??(b)-19??(d)",
            "Mainfieldsofinvention": "Railway air brakes",
    
        }];
});

By default, the grid renders with Default mode.

Clip Mode

The clip mode provides options to display its overflow cell content and it can be defined by the columns.clipMode property.

There are three types of clipMode. They are:

  • Clip: Truncates the cell content when it overflows its area.
  • Ellipsis: Displays ellipsis when the cell content overflows its area.
  • EllipsisWithTooltip: Displays ellipsis when the cell content overflows its area, also it will display the tooltip while hover on ellipsis is applied.
Source
Preview
app.vue
datasource.js
<template>
    <div id="app">
        <ejs-grid :dataSource='data' height='315' >
            <e-columns>
                <e-column field='Inventor' headerText='Name of the Inventor' clipMode='Clip' width='80'></e-column>
                <e-column field='NumberofPatentFamilies' headerText='Number of Patent Families' clipMode='Ellipsis' width='100'></e-column>
                <e-column field='Country' headerText='Country' width='80'></e-column>
                <e-column field='Number of INPADOC patents' headerText='Number of INPADOC patents' width='100'></e-column>
                <e-column field='Mainfieldsofinvention' headerText='Main fields of invention' clipMode='EllipsisWithTooltip' width='100'></e-column>
            </e-columns>
        </ejs-grid>
    </div>
</template>
<script>
import Vue from "vue";
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';
Vue.use(GridPlugin);

export default {
  data() {
    return {
      data: data
    };
  }
}
</script>
<style>
 @import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
</style>
define(["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.data = [
        {
            "Inventor": "Kia Silverbrook",
            "NumberofPatentFamilies": 4737,
            "Country": "Australia",
            "Number of INPADOC patents": 9839,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Printing, Digital paper, Internet, Electronics,Lab-on-a-chip, MEMS, Mechanical, VLSI",
    
        },
        {
            "Inventor": "Shunpei Yamazaki",
            "NumberofPatentFamilies": 4677,
            "Country": "Japan",
            "Number of INPADOC patents": "10000+",
            "Active": "1976-2016",
            "Mainfieldsofinvention": "Thin film transistors, Liquid crystal displays, Solar cells, Flash memory, OLED",
    
        },
        {
            "Inventor": "Lowell L. Wood, Jr.",
            "NumberofPatentFamilies": 1419,
            "Country": "USA",
            "Number of INPADOC patents": 1332,
            "Active": "1977-2016",
            "Mainfieldsofinvention": "Mosquito laser, Nuclear weapons",
    
        },
        {
            "Inventor": "Paul Lapstun",
            "NumberofPatentFamilies": 1281,
            "Country": "Australia",
            "Number of INPADOC patents": 3099,
            "Active": "2000-2016",
            "Mainfieldsofinvention": "Printing, Digital paper, Internet, Electronics, CGI, VLSI",
    
        },
        {
            "Inventor": "Gurtej Sandhu",
            "NumberofPatentFamilies": 1255,
            "Country": "India",
            "Number of INPADOC patents": 2038,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, VLSI, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Jun Koyama",
            "NumberofPatentFamilies": 1240,
            "Country": "Japan",
            "Number of INPADOC patents": 4126,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Thin film transistors, Liquid crystal displays, OLED",
    
        },
        {
            "Inventor": "Roderick A. Hyde",
            "NumberofPatentFamilies": 1240,
            "Country": "USA",
            "Number of INPADOC patents": 3360,
            "Active": "2001-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Leonard Forbes",
            "NumberofPatentFamilies": 1093,
            "Country": "Canada",
            "Number of INPADOC patents": 1398,
            "Active": "1991-2016",
            "Mainfieldsofinvention": "Semiconductor Memories, CCDs, Thin film processes and materials, VLSI",
    
        },
        {
            "Inventor": "Thomas Edison",
            "NumberofPatentFamilies": 1084,
            "Country": "USA",
            "Number of INPADOC patents": 2332,
            "Active": "1847(b)-1931(d)",
            "Mainfieldsofinvention": "Electric power, Lighting, Batteries, Phonograph, Cement, Telegraphy, Mining",
    
        },
        {
            "Inventor": "Donald E. Weder",
            "NumberofPatentFamilies": 999,
            "Country": "USA",
            "Number of INPADOC patents": 1993,
            "Active": "1976-2015",
            "Mainfieldsofinvention": "Florist supplies",
    
        },
        {
            "Inventor": "George Albert Lyon",
            "NumberofPatentFamilies": 993,
            "Country": "Canada",
            "Number of INPADOC patents": "NA",
            "Active": "1882(b)-1961(d)",
            "Mainfieldsofinvention": "Automotive, Stainless steel products",
    
        },
        {
            "Inventor": "John F. O'Connor",
            "NumberofPatentFamilies": 949,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1864(b)-1938(d)",
            "Mainfieldsofinvention": "Railway draft gearing",
    
        },
        {
            "Inventor": "Melvin De Groote",
            "NumberofPatentFamilies": 925,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1895(b)-1963(d)",
            "Mainfieldsofinvention": "Chemical de-emulsifiers",
    
        },
        {
            "Inventor": "Jay S. Walker",
            "NumberofPatentFamilies": 918,
            "Country": "USA",
            "Number of INPADOC patents": 2206,
            "Active": "1998-2016",
            "Mainfieldsofinvention": "Gaming machines",
    
        },
        {
            "Inventor": "Edward K. Y. Jung",
            "NumberofPatentFamilies": 911,
            "Country": "USA",
            "Number of INPADOC patents": 2254,
            "Active": "1996-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Francis H. Richards",
            "NumberofPatentFamilies": 894,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1850(b)-19??(d)",
            "Mainfieldsofinvention": "Mechanical, automation",
    
        },
        {
            "Inventor": "Kangguo Cheng",
            "NumberofPatentFamilies": 884,
            "Country": "USA",
            "Number of INPADOC patents": 1314,
            "Active": "2004-2016",
            "Mainfieldsofinvention": "Semiconductor device fabrication, Semiconductor memory, Semiconductor device",
    
        },
        {
            "Inventor": "Clarence T. Tegreene",
            "NumberofPatentFamilies": 872,
            "Country": "USA",
            "Number of INPADOC patents": 2255,
            "Active": "2000-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Ahmadreza Rofougaran",
            "NumberofPatentFamilies": 808,
            "Country": "USA",
            "Number of INPADOC patents": 1396,
            "Active": "2002-2016",
            "Mainfieldsofinvention": "Radio Frequency Integrated Circuits",
    
        },
        {
            "Inventor": "Shou-Shan Fan",
            "NumberofPatentFamilies": 805,
            "Country": "China",
            "Number of INPADOC patents": 2120,
            "Active": "2006-2016",
            "Mainfieldsofinvention": "Carbon nanotubes and applications of carbon nanotubes",
    
        },
        {
            "Inventor": "Michael J. Sullivan",
            "NumberofPatentFamilies": 788,
            "Country": "USA",
            "Number of INPADOC patents": 1560,
            "Active": "1977-2016",
            "Mainfieldsofinvention": "Golf balls",
    
        },
        {
            "Inventor": "Rick Allen Hamilton II",
            "NumberofPatentFamilies": 773,
            "Country": "USA",
            "Number of INPADOC patents": 1064,
            "Active": "1999-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Warren Farnworth",
            "NumberofPatentFamilies": 770,
            "Country": "USA",
            "Number of INPADOC patents": 931,
            "Active": "1990-2016",
            "Mainfieldsofinvention": "Semiconductor packaging",
    
        },
        {
            "Inventor": "Carleton Ellis",
            "NumberofPatentFamilies": 753,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1876(b)-1941(d)",
            "Mainfieldsofinvention": "Margarine, Polyester, Anti-knock gasoline, Paint stripper",
    
        },
        {
            "Inventor": "William H. Eby",
            "NumberofPatentFamilies": 733,
            "Country": "USA",
            "Number of INPADOC patents": 758,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Transgenic soybeans",
    
        },
        {
            "Inventor": "Hideo Ando",
            "NumberofPatentFamilies": 728,
            "Country": "Japan",
            "Number of INPADOC patents": 2588,
            "Active": "1983-2016",
            "Mainfieldsofinvention": "Optical recording",
    
        },
        {
            "Inventor": "Salman Akram",
            "NumberofPatentFamilies": 728,
            "Country": "USA",
            "Number of INPADOC patents": 915,
            "Active": "1995-2016",
            "Mainfieldsofinvention": "Semiconductor packaging",
    
        },
        {
            "Inventor": "George Spector",
            "NumberofPatentFamilies": 722,
            "Country": "USA",
            "Number of INPADOC patents": 747,
            "Active": "1976-1998",
            "Mainfieldsofinvention": "Gadgets, Toys",
    
        },
        {
            "Inventor": "Jeyhan Karaoguz",
            "NumberofPatentFamilies": 721,
            "Country": "USA",
            "Number of INPADOC patents": 1530,
            "Active": "1996-2016",
            "Mainfieldsofinvention": "Wireless communications, Computer networks",
    
        },
        {
            "Inventor": "Elihu Thomson",
            "NumberofPatentFamilies": 696,
            "Country": "UK",
            "Number of INPADOC patents": "NA",
            "Active": "1853(b)-1937(d)",
            "Mainfieldsofinvention": "Electric power, Arc lamp, Electric motors, Lightning arrester, Arc welder",
    
        },
        {
            "Inventor": "Austin L. Gurney",
            "NumberofPatentFamilies": 695,
            "Country": "USA",
            "Number of INPADOC patents": 3909,
            "Active": "1999-2016",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Tetsujiro Kondo",
            "NumberofPatentFamilies": 684,
            "Country": "Japan",
            "Number of INPADOC patents": 4158,
            "Active": "1987-2015",
            "Mainfieldsofinvention": "Signal processing, Image processing",
    
        },
        {
            "Inventor": "Nathan Myhrvold",
            "NumberofPatentFamilies": 661,
            "Country": "USA",
            "Number of INPADOC patents": 1690,
            "Active": "1994-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "William I. Wood",
            "NumberofPatentFamilies": 653,
            "Country": "USA",
            "Number of INPADOC patents": 3560,
            "Active": "1981-2016",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Simon R. Walmsley",
            "NumberofPatentFamilies": 651,
            "Country": "Australia",
            "Number of INPADOC patents": 1249,
            "Active": "1995-2015",
            "Mainfieldsofinvention": "Printing, Electronics, VLSI, Cryptography",
    
        },
        {
            "Inventor": "Mark Malamud",
            "NumberofPatentFamilies": 632,
            "Country": "USA",
            "Number of INPADOC patents": 1759,
            "Active": "1997-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Royce A. Levien",
            "NumberofPatentFamilies": 630,
            "Country": "USA",
            "Number of INPADOC patents": 1799,
            "Active": "1997-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Audrey D. Goddard",
            "NumberofPatentFamilies": 622,
            "Country": "USA",
            "Number of INPADOC patents": 3416,
            "Active": "1997-2014",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Muriel Y. Ishikawa",
            "NumberofPatentFamilies": 619,
            "Country": "USA",
            "Number of INPADOC patents": 1660,
            "Active": "2002-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Robert W. Lord",
            "NumberofPatentFamilies": 618,
            "Country": "USA",
            "Number of INPADOC patents": 1708,
            "Active": "2003-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Jerome Lemelson",
            "NumberofPatentFamilies": 606,
            "Country": "USA",
            "Number of INPADOC patents": "NA",
            "Active": "1923(b)-1997(d)",
            "Mainfieldsofinvention": "Toys, Industrial robots, Cordless telephones, Fax machines, Videocassette recorders",
    
        },
        {
            "Inventor": "Béla Barényi",
            "NumberofPatentFamilies": 595,
            "Country": "Austria",
            "Number of INPADOC patents": 1244,
            "Active": "1907(b)-1997(d)",
            "Mainfieldsofinvention": "Passive safety in automobiles",
    
        },
        {
            "Inventor": "Kie Y Ahn",
            "NumberofPatentFamilies": 593,
            "Country": "USA",
            "Number of INPADOC patents": 709,
            "Active": "1976-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, VLSI, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Tadahiro Ohmi",
            "NumberofPatentFamilies": 592,
            "Country": "Japan",
            "Number of INPADOC patents": 2691,
            "Active": "1981-2016",
            "Mainfieldsofinvention": "Thin film processes and materials, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Jordin T. Kare",
            "NumberofPatentFamilies": 585,
            "Country": "USA",
            "Number of INPADOC patents": 1559,
            "Active": "1992-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Paul J. Godowski",
            "NumberofPatentFamilies": 579,
            "Country": "USA",
            "Number of INPADOC patents": 2605,
            "Active": "1994-2014",
            "Mainfieldsofinvention": "Proteins, Antibodies",
    
        },
        {
            "Inventor": "Artur Fischer",
            "NumberofPatentFamilies": 570,
            "Country": "Germany",
            "Number of INPADOC patents": 3097,
            "Active": "1976-2002",
            "Mainfieldsofinvention": "Fasteners, Construction toys",
    
        },
        {
            "Inventor": "Edward J. Nowak",
            "NumberofPatentFamilies": 564,
            "Country": "USA",
            "Number of INPADOC patents": 1145,
            "Active": "1979-2016",
            "Mainfieldsofinvention": "Semiconductor device fabrication, Semiconductor memory, Semiconductor device",
    
        },
        {
            "Inventor": "Louis L. Hsu",
            "NumberofPatentFamilies": 551,
            "Country": "USA",
            "Number of INPADOC patents": 914,
            "Active": "1988-2016",
            "Mainfieldsofinvention": "Various",
    
        },
        {
            "Inventor": "Edwin H. Land",
            "NumberofPatentFamilies": 535,
            "Country": "USA",
            "Number of INPADOC patents": 1236,
            "Active": "1909(b)-1991(d)",
            "Mainfieldsofinvention": "Instant photography, Polarizing film",
    
        },
        {
            "Inventor": "Henri Dreyfus",
            "NumberofPatentFamilies": 524,
            "Country": "Switzerland",
            "Number of INPADOC patents": 2117,
            "Active": "1882(b)-1944(d)",
            "Mainfieldsofinvention": "Polymers, Synthetic fibers, Dyes",
    
        },
        {
            "Inventor": "Bruce B. Doris",
            "NumberofPatentFamilies": 522,
            "Country": "USA",
            "Number of INPADOC patents": 867,
            "Active": "1995-2016",
            "Mainfieldsofinvention": "Integrated Circuits, CMOS, DRAM, Semiconductor device fabrication",
    
        },
        {
            "Inventor": "Clyde C. Farmer",
            "NumberofPatentFamilies": 513,
            "Country": "USA",
            "Number of INPADOC patents": 830,
            "Active": "18??(b)-19??(d)",
            "Mainfieldsofinvention": "Railway air brakes",
    
        }];
});

By default, columns.clipMode value is Ellipsis.