Search results

Autowrap in Vue Grid component

08 Dec 2022 / 2 minutes to read

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
Copied to clipboard
<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>
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",
    
        }];
});