diff --git a/ej2-vue/code-snippet/grid/databind/databinding-timezone/app-composition.vue b/ej2-vue/code-snippet/grid/databind/databinding-timezone/app-composition.vue
new file mode 100644
index 000000000..e248d4710
--- /dev/null
+++ b/ej2-vue/code-snippet/grid/databind/databinding-timezone/app-composition.vue
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/databind/databinding-timezone/app.vue b/ej2-vue/code-snippet/grid/databind/databinding-timezone/app.vue
new file mode 100644
index 000000000..669bfbcf3
--- /dev/null
+++ b/ej2-vue/code-snippet/grid/databind/databinding-timezone/app.vue
@@ -0,0 +1,115 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/databind/databinding-timezone/index.html b/ej2-vue/code-snippet/grid/databind/databinding-timezone/index.html
new file mode 100644
index 000000000..45dc1b06b
--- /dev/null
+++ b/ej2-vue/code-snippet/grid/databind/databinding-timezone/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ EJ2 Vue Sample
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/excel/excel-export-show-hide/app.vue b/ej2-vue/code-snippet/grid/excel/excel-export-show-hide/app.vue
new file mode 100644
index 000000000..f82dc0781
--- /dev/null
+++ b/ej2-vue/code-snippet/grid/excel/excel-export-show-hide/app.vue
@@ -0,0 +1,97 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/app.vue b/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/app.vue
new file mode 100644
index 000000000..316d28507
--- /dev/null
+++ b/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/app.vue
@@ -0,0 +1,97 @@
+
+
+
+
+
+
diff --git a/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/index.js b/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/index.js
new file mode 100644
index 000000000..92f37dc03
--- /dev/null
+++ b/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/index.js
@@ -0,0 +1,84 @@
+
+import Vue from "vue";
+import { GridPlugin, Toolbar, PdfExport } from "@syncfusion/ej2-vue-grids";
+import { data } from './datasource.js';
+
+Vue.use(GridPlugin);
+
+new Vue({
+ el: '#app',
+ template: `
+
+
+
+
+
+
+
+
+
`,
+
+ data() {
+ return {
+ data: data,
+ toolbarOptions: ['PdfExport'],
+ orderColumns: [{
+ field: 'OrderDate',
+ headerText: 'Order Date',
+ format: 'yMd',
+ width: 130,
+ textAlign: 'Right',
+ minWidth: 10,
+ },
+ {
+ field: 'Freight',
+ headerText: 'Freight ($)',
+ width: 120,
+ format: 'C1',
+ textAlign: 'Right',
+ minWidth: 10,
+ }],
+ shipColumns: [
+ {
+ field: 'ShippedDate',
+ headerText: 'Shipped Date',
+ format: 'yMd',
+ textAlign: 'Right',
+ width: 150,
+ minWidth: 10,
+ },
+ {
+ field: 'ShipCountry',
+ headerText: 'Ship Country',
+ width: 150,
+ minWidth: 10,
+ },
+ {
+ field: 'ShipName',
+ headerText: 'Ship Name',
+ width: 150,
+ minWidth: 10,
+ visible:false
+ },
+ ]
+ };
+ },
+ methods: {
+ toolbarClick: function(args) {
+ if (args.item.id === 'Grid_pdfexport') {
+ this.$refs.grid.ej2Instances.columns[1].columns[0].visible = false;
+ this.$refs.grid.ej2Instances.columns[2].columns[2].visible = true;
+ this.$refs.grid.pdfExport();
+ }
+ },
+ pdfExportComplete: function(args) {
+ this.$refs.grid.ej2Instances.columns[1].columns[0].visible = true;
+ this.$refs.grid.ej2Instances.columns[2].columns[2].visible = false;
+ }
+ },
+ provide: {
+ grid: [Toolbar, PdfExport]
+ }
+
+});
\ No newline at end of file
diff --git a/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/systemjs.config.js b/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/systemjs.config.js
new file mode 100644
index 000000000..f9a0e89dc
--- /dev/null
+++ b/ej2-vue/code-snippet/grid/pdf/pdf-export-show-hide/systemjs.config.js
@@ -0,0 +1,40 @@
+System.config({
+ transpiler: "typescript",
+ typescriptOptions: {
+ compilerOptions: {
+ target: "umd",
+ module: "commonjs",
+ moduleResolution: "node",
+ emitDecoratorMetadata: true,
+ experimentalDecorators: true
+ }
+ },
+ paths: {
+ "syncfusion:": "https://cdn.syncfusion.com/ej2/28.2.3/"
+ },
+ map: {
+ typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
+vue: "https://unpkg.com/vue@2.6.14/dist/vue.min.js",
+ "@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
+ "@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
+ "@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
+ "@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
+ "@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
+ "@syncfusion/ej2-dropdowns":"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js",
+ "@syncfusion/ej2-notifications":"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js",
+ "@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
+ "@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
+ "@syncfusion/ej2-grids": "syncfusion:ej2-grids/dist/ej2-grids.umd.min.js",
+ "@syncfusion/ej2-excel-export": "syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js",
+ "@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
+ "@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
+ "@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
+ "@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
+ "@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js",
+
+ "@syncfusion/ej2-vue-base": "syncfusion:ej2-vue-base/dist/ej2-vue-base.umd.min.js",
+ "@syncfusion/ej2-vue-grids": "syncfusion:ej2-vue-grids/dist/ej2-vue-grids.umd.min.js",
+ }
+});
+
+System.import('index.js');
\ No newline at end of file
diff --git a/ej2-vue/grid/data-binding/data-binding.md b/ej2-vue/grid/data-binding/data-binding.md
index 01cb250ad..69ae65348 100644
--- a/ej2-vue/grid/data-binding/data-binding.md
+++ b/ej2-vue/grid/data-binding/data-binding.md
@@ -183,4 +183,23 @@ The following code demonstrates, how to use the `changeDataSource` method to bin
## See also
* [Binding a firebase data source to Grid using vueFire2](https://www.syncfusion.com/blogs/post/binding-a-firebase-data-source-to-grid-using-vuefire2.aspx)
-* [How to bind SQL Server data in vue DataGrid using SqlClient data provider](https://www.syncfusion.com/kb/11453/how-to-bind-sql-server-data-in-vue-datagrid-using-sqlclient-data-provider)
\ No newline at end of file
+* [How to bind SQL Server data in vue DataGrid using SqlClient data provider](https://www.syncfusion.com/kb/11453/how-to-bind-sql-server-data-in-vue-datagrid-using-sqlclient-data-provider)
+
+## Prevent to convert local time zone format for date column
+
+By default, Syncfusion Vue Grid automatically converts date values to the local time zone of the client system. However, in some scenarios, you may need to display the original date as received from the server without any timezone conversion.
+
+To prevent timezone conversion for a date column, use the `serverTimezoneOffset` property from `DataUtil`. Setting this property to **0** ensures that dates remain in the original format received from the server without conversion to the local timezone.
+
+The following example demonstrates how to prevent local time zone conversion for date columns in Grid by using the `DataUtil.serverTimezoneOffset` property:
+
+{% tabs %}
+{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
+{% include code-snippet/grid/databind/databinding-timezone/app-composition.vue %}
+{% endhighlight %}
+{% highlight html tabtitle="Options API (~/src/App.vue)" %}
+{% include code-snippet/grid/databind/databinding-timezone/app.vue %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/grid/databind/databinding-timezone" %}
\ No newline at end of file
diff --git a/ej2-vue/grid/excel-export/excel-export-options.md b/ej2-vue/grid/excel-export/excel-export-options.md
index c92efddc3..d838caf91 100644
--- a/ej2-vue/grid/excel-export/excel-export-options.md
+++ b/ej2-vue/grid/excel-export/excel-export-options.md
@@ -134,6 +134,33 @@ In the following example, the **CustomerID** is initially a hidden column in the
{% previewsample "page.domainurl/code-snippet/grid/excel/export-option-cs5" %}
+## Show or hide columns while exporting with stacked header
+
+The Syncfusion Vue Grid allows you to control the visibility of columns during export operations. This feature is particularly useful when customizing the data presented in exported files while using stacked headers.
+
+To implement the show or hide columns feature during Excel export in the Grid, follow these steps:
+
+1. Handle the [toolbarClick](https://ej2.syncfusion.com/vue/documentation/api/grid/#toolbarclick) event of the Grid.
+
+2. Update the visibility of the desired columns by setting the [visible](https://ej2.syncfusion.com/vue/documentation/api/grid/column/#visible) property of the column to **true** or **false**.
+
+3. Export the Grid to Excel document using the [excelExport](https://ej2.syncfusion.com/vue/documentation/api/grid/#excelexport) or [csvExport](https://ej2.syncfusion.com/vue/documentation/api/grid/#csvexport) method.
+
+4. Handle the [excelExportComplete](https://ej2.syncfusion.com/vue/documentation/api/grid/#excelexportcomplete) event to restore the column visibility to its original state.
+
+In the following example, the **ShipName** is initially a hidden column in the Grid. However, during the Excel export process, the **ShipName** column is made visible, while the **OrderDate** column is hidden:
+
+{% tabs %}
+{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
+{% include code-snippet/grid/excel/excel-export-show-hide/app-composition.vue %}
+{% endhighlight %}
+{% highlight html tabtitle="Options API (~/src/App.vue)" %}
+{% include code-snippet/grid/excel/excel-export-show-hide/app.vue %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/grid/excel/export-option-cs5" %}
+
## Enable filtering in the exported excel file
The Grid allows you to export data to Excel or CSV with filter options and also export only filtered records. This feature is especially beneficial when you need to share data with others while preserving the ability for them to filter and analyze the data in Excel or CSV.
diff --git a/ej2-vue/grid/filtering/filtering.md b/ej2-vue/grid/filtering/filtering.md
index 92badd858..a68716657 100644
--- a/ej2-vue/grid/filtering/filtering.md
+++ b/ej2-vue/grid/filtering/filtering.md
@@ -176,6 +176,33 @@ Consider the following sample where the `ignoreAccent` property is set to true i
{% previewsample "page.domainurl/code-snippet/grid/filter/filter-cs5" %}
+## Perform ENUM column filtering
+
+The Syncfusion Vue Grid allows you to filter enum-type data using the [filterTemplate](https://ej2.syncfusion.com/vue/documentation/api/grid/column/#filtertemplate) feature. This is particularly useful for filtering predefined values, such as categories or statuses.
+
+To achieve this functionality:
+
+1. Render [DropDownList](https://ej2.syncfusion.com/vue/documentation/drop-down-list/getting-started) in the `filterTemplate` for the enum-type column.
+
+2. Bind the enumerated list data to the column.
+
+3. Use the [template](https://ej2.syncfusion.com/vue/documentation/api/grid/column/#template) property in the **Type** column to display enum values in a readable format.
+
+4. In the [change](https://ej2.syncfusion.com/vue/documentation/api/drop-down-list#change) event of the **DropDownList**, dynamically filter the column using the [filterByColumn](https://ej2.syncfusion.com/vue/documentation/api/grid#filterbycolumn) method of the Grid.
+
+Below is an example demonstrating how to filter enum-type data in a Grid:
+
+{% tabs %}
+{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
+{% include code-snippet/grid/filter/filter-enum/app-composition.vue %}
+{% endhighlight %}
+{% highlight html tabtitle="Options API (~/src/App.vue)" %}
+{% include code-snippet/grid/filter/filter-enum/app.vue %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/grid/filter/filter-enum" %}
+
## Filtering with case sensitivity
The Syncfusion Vue Grid provides the flexibility to enable or disable case sensitivity during filtering. This feature is useful when you want to control whether filtering operations should consider the case of characters. It can be achieved by using the [enableCaseSensitivity](https://ej2.syncfusion.com/vue/documentation/api/grid/filterSettings/#enablecasesensitivity) property within the [filterSettings](https://ej2.syncfusion.com/vue/documentation/api/grid/filterSettings/) of the grid.
diff --git a/ej2-vue/grid/pdf-export/pdf-export-options.md b/ej2-vue/grid/pdf-export/pdf-export-options.md
index 2fa041853..5bbfdeafb 100644
--- a/ej2-vue/grid/pdf-export/pdf-export-options.md
+++ b/ej2-vue/grid/pdf-export/pdf-export-options.md
@@ -137,6 +137,33 @@ In the following example, the **CustomerID** is initially a hidden column in the
{% previewsample "page.domainurl/code-snippet/grid/pdf/default-cs9" %}
+## Show or hide columns while exporting with stacked header
+
+The Syncfusion Vue Grid allows you to control the visibility of columns during export operations. This feature is particularly useful when customizing the data presented in exported files while using stacked headers.
+
+To implement the show or hide columns feature during Excel export in the Grid, follow these steps:
+
+1. Handle the [toolbarClick](https://ej2.syncfusion.com/vue/documentation/api/grid/#toolbarclick) event of the Grid.
+
+2. Update the visibility of the desired columns by setting the [visible](https://ej2.syncfusion.com/vue/documentation/api/grid/column/#visible) property of the column to **true** or **false**.
+
+3. Export the Grid to PDF document using [pdfExport](https://ej2.syncfusion.com/vue/documentation/api/grid/#pdfexport) method.
+
+4. Handle the [pdfExportComplete](https://ej2.syncfusion.com/vue/documentation/api/grid/#pdfexportcomplete) event to restore the column visibility to its original state.
+
+In the following example, the **ShipName** is initially a hidden column in the Grid. However, during the PDF export process, the **ShipName** column is made visible, while the **OrderDate** column is hidden:
+
+{% tabs %}
+{% highlight html tabtitle="Composition API (~/src/App.vue)" %}
+{% include code-snippet/grid/pdf/pdf-export-show-hide/app-composition.vue %}
+{% endhighlight %}
+{% highlight html tabtitle="Options API (~/src/App.vue)" %}
+{% include code-snippet/grid/pdf/pdf-export-show-hide/app.vue %}
+{% endhighlight %}
+{% endtabs %}
+
+{% previewsample "page.domainurl/code-snippet/grid/pdf/pdf-option-cs5" %}
+
## Change page orientation
The Syncfusion Vue Grid component allows you to change the page orientation of the exported PDF document from the default portrait mode to landscape mode. This feature provides the flexibility to adjust the layout and presentation of the exported PDF according to your needs.