Content in Vue Grid component

16 Mar 20231 minute to read

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

    <div id="app">
        <ejs-grid :dataSource="data" height='315'>
            <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>
import Vue from "vue";
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
import { data } from './datasource.js';

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