How to add title to dynamically loaded column

[Sandeep G]

Hi Team,

I am using ejs-grids where I am facing an issues. Here want to show title for few dynamically loaded columns.

I am able to add title attribute to custom-template. But, unable to add title to column which doesn't have custom-template

          <e-column
            field="CustomerName"
            :headerText="$t('deliveryorders.outletnameaddr')"
            :template="customerNameAddress"
            :customAttributes="customAttributes"
            textAlign="left"
            width="120"
            minWidth="120"
            maxWidth="180"
          ></e-column>
          <e-column
            field="RouteName"
            :headerText="$t('deliveryorders.RouteName')"
            textAlign="left"
            :template="routeNameTempate"
            :customAttributes="customAttributes"
            :filter="filterOptions"
            width="80"
            minWidth="80"
            maxWidth="150"
          ></e-column>

Thanks & Regards, Sandeep G

[Pavithra Subramaniyam]

Hi Sandeep, 

Thanks for contacting Syncfusion support. 

You can achieve your requirement by adding “title” attribute inside the “queryCellInfo” event which will be triggered for each cell rendering. Please refer to the below code example and API link for more information. 

methods: { 

    queryCellInfoEvent: function(args) { 

      args.cell.title = args.data[args.column.field];   

    } 

} 

API: https://ej2.syncfusion.com/vue/documentation/api/grid/#querycellinfo 

Please get back to us if you have any queries. 

Regards, 

Pavithra S 

[Sandeep G]

Hi Pavithra,


Thanks for resolving my query.

Regards,
Sandeep G

[Pavithra Subramaniyam]

Hi Sandeep, 

You are most welcome! 

Please get back to us If you need further assistance. We are always happy to assist you. 

Regards, 

Pavithra S