Syncfusion® Document Viewer: The Ultimate Visual Studio Code Extension

What is the Syncfusion® Document Viewer Extension?

[{"selector":"#anim-f9d57307-1ba9-4da7-a0ab-01aefd0df58c","keyframes":{"transform":["translate3d(-117.36111%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f6880a71-7f4c-4ec8-8b87-6368d20f76a9","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08a3a613-b739-4fb8-95d2-2c4f5838e587","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-4b0202c9-18d4-45ec-baaa-01299e4b15b2","keyframes":{"transform":["translate3d(-114.76924%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-121d259c-63df-4d1d-8e68-321a144f72e2","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e3c6db6f-e068-4748-9f34-0a1ad3163492","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The Syncfusion ® Document Viewer extension for Visual Studio Code lets developers to view and edit Excel, CSV, and TSV files with features like sorting, filtering, and read-only mode, enhancing productivity.

Features Lists

[{"selector":"#anim-77017591-dd64-4008-891f-6793d3c2af93","keyframes":{"transform":["translate3d(-117.14286%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12db2c1e-3fa1-4e77-b647-d28bae667f7d","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5eb0134d-e52f-4c11-9f92-1cdb50c32628","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-c1cb781f-7426-44d7-b590-36716c694276","keyframes":{"transform":["translate3d(-114.76924%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a702542-62ca-486a-ac76-5f9db85275e9","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-046529fb-fa7f-417d-8759-8b37cbcfadbc","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] · View and edit Excel, CSV, and TSV files directly in VS Code without extra tools. · Toggle Read-only mode to prevent accidental edits. · Organize and analyze data quickly using Sorting and Filtering options available in column headers.

How to Install?

[{"selector":"#anim-0a696a02-e99d-4f83-885a-6dc093e52dc0","keyframes":{"transform":["translate3d(-117.14286%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-041f9def-c713-4b2d-be96-a395f69529c4","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-193cd5ea-c132-48ff-9ff9-13c53a3ef257","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-60c6061b-bd66-453e-ab98-71728366dca9","keyframes":{"transform":["translate3d(-114.76924%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc95cdf7-8bd4-4cf7-a57c-09515be53e55","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-79c7e3d7-c974-4baa-bec1-42d3e02cee9e","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 1. Open Visual Studio Code. 2. Go to View > Extensions. 3. Type Syncfusion® Document Viewer in the search box. 4. ⁠Click the Install button on the “Syncfusion® Document Viewer” extension. 5. After the installation, restart Visual Studio Code when suggested.

How to use?

[{"selector":"#anim-f86fe178-b25f-46f3-942f-a0af8acd858f","keyframes":{"transform":["translate3d(-123.57143%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74042732-bffe-4eb0-b4d8-b7a31c8849a2","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-376d5a69-9ef8-4b0e-bf45-f74861213d51","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-5a101e52-d93a-446a-a977-1f36ad01defb","keyframes":{"transform":["translate3d(-120.30769%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1e29b361-3354-48ed-8ec9-4c9ca4f1417c","keyframes":{"opacity":[0,1]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5326d29b-4d80-423f-bb30-1280d87bf449","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] 1. Open a File : Go to File > Open File or drag the file into the viewer. 2. Edit and Save : Make your changes and save them using File > Save or press Ctrl + S (Windows) / Cmd + S (Mac).

Essential Studio

[{"selector":"#anim-1d98c3d7-3855-4f88-96cf-f63756bf1cd5","keyframes":{"transform":["translate3d(-128.40909%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a09d3970-03f6-4fa7-9dcd-b9abc8dc305b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-45e2233a-ec8d-4bf0-acb0-af3b2d31318f","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] by Syncfusion ® Follow us on: Thanks for Reading! For more information, visit www.syncfusion.com/web-stories