Search results

Clip Mode in Vue Grid component

24 May 2022 / 1 minute to read

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
Copied to clipboard
<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>
Copied to clipboard
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.