// API callback
relpostimgcuplik({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$blogger":"http://schemas.google.com/blogger/2008","xmlns$georss":"http://www.georss.org/georss","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$thr":"http://purl.org/syndication/thread/1.0","id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615"},"updated":{"$t":"2023-12-26T13:46:15.660-08:00"},"category":[{"term":"sapui5"},{"term":"SAP ABAP"},{"term":"sap"},{"term":"ABAP Interview Questions"},{"term":"SAP Technical Interviews"},{"term":"Sap RAP"},{"term":"sap fiori"},{"term":"sap web ide"},{"term":"interview questions"},{"term":"custom sapui5 app extension"},{"term":"extending apps"},{"term":"odata"},{"term":"Navigation"},{"term":"Routing"},{"term":"SAP netweaver gateway"},{"term":"odata tutorial"},{"term":"ABAP"},{"term":"ABAP Coding Best Practices"},{"term":"ABAP Developer Tips"},{"term":"ABAP Development"},{"term":"ABAP Job Interview Insights"},{"term":"ABAP Job Preparation"},{"term":"Latest ABAP FAQs"},{"term":"SAP ABAP Certification"},{"term":"SAP Bussiness Application Studio"},{"term":"SAP CAP"},{"term":"node.js"},{"term":"sap capm"},{"term":"sap cloud platform"},{"term":"ABAP CDS Views"},{"term":"ABAP Code Examples"},{"term":"ABAP Data Modeling"},{"term":"ABAP HANA Integration"},{"term":"Answers"},{"term":"Developer Tips"},{"term":"HANA Development"},{"term":"HANA Modeling"},{"term":"HANA Performance Tuning."},{"term":"RAP Implementation"},{"term":"RAP Model"},{"term":"SAP ABAP on HANA"},{"term":"SAP HANA clould cockpit"},{"term":"SAP Interview Prep"},{"term":"SAP RAP Tutorial"},{"term":"cloud foundary"},{"term":"json"},{"term":"sap BTP CAPM"},{"term":"sap btp"},{"term":"CAP"},{"term":"CDS"},{"term":"HANA"},{"term":"MockSever"},{"term":"RAP"},{"term":"Routing in sapui5"},{"term":"associations"},{"term":"authentication"},{"term":"charts"},{"term":"cloud foundry"},{"term":"configuring destination in sap web ide"},{"term":"css"},{"term":"enterprise portal"},{"term":"import"},{"term":"introduction to sap web ide"},{"term":"odata v4"},{"term":"sap fiori portal site"},{"term":"sap mobile services"},{"term":"sap portal site"},{"term":"video tutorial on routing"},{"term":"Classical report"},{"term":"Cloud Application Programming Model"},{"term":"Interactive Reports"},{"term":"Internal Tables"},{"term":"Introduction"},{"term":"Introduction to sap enterprise portal"},{"term":"Mock data"},{"term":"SAP BAS"},{"term":"SAP Mobile cards"},{"term":"SEGW"},{"term":"Visual studio code"},{"term":"Web IDE"},{"term":"aggregation binding"},{"term":"android"},{"term":"app router"},{"term":"btp"},{"term":"capm"},{"term":"component preload"},{"term":"controller"},{"term":"controller extension"},{"term":"controls and views"},{"term":"create OData service"},{"term":"crud"},{"term":"csv"},{"term":"data binding"},{"term":"dataset"},{"term":"delete"},{"term":"extending sapui5 apps"},{"term":"fiori"},{"term":"formatter"},{"term":"git"},{"term":"github"},{"term":"google maps api"},{"term":"i18n"},{"term":"ios"},{"term":"list"},{"term":"manifest.json"},{"term":"mobile development kit"},{"term":"mta"},{"term":"mtar"},{"term":"multi target application"},{"term":"operations on internal table"},{"term":"properties"},{"term":"push a project in github"},{"term":"python"},{"term":"register odata service"},{"term":"routing in full application"},{"term":"sap cloud platform SDK"},{"term":"sap fiori enterprise portal"},{"term":"sapui5 github"},{"term":"search"},{"term":"setup sap bussiness application studio"},{"term":"sicf"},{"term":"sort"},{"term":"table"},{"term":"tables"},{"term":"video tutorial on nested views and fragments"},{"term":"xml"},{"term":"- SAP ABAP performance optimization\n\n- ABAP performance tuning\n\n- SAP ABAP best practices\n\n- SAP ABAP performance tips\n\n- ABAP performance optimization techniques\n\n- SAP ABAP performance improvements"},{"term":"ABAP 7.5"},{"term":"ABAP 7.6"},{"term":"ABAP Enhancements"},{"term":"ABAP Innovations"},{"term":"ABAP List Viewer"},{"term":"ABAP New Features"},{"term":"ABAP on HANA interview questions and answers"},{"term":"ALE"},{"term":"ALV Grid Report"},{"term":"ALV Grid Tutorial"},{"term":"ALV programming examples"},{"term":"ALV reports"},{"term":"Activate OData Service in SICF"},{"term":"Agile Development"},{"term":"BAS"},{"term":"BDC"},{"term":"Batch"},{"term":"Best practices"},{"term":"Binary Data Handling"},{"term":"Blobs in JavaScript"},{"term":"CAPM Apps"},{"term":"CDL"},{"term":"CLASSICAL REPORTS"},{"term":"CQL"},{"term":"CRUD operations"},{"term":"CSN"},{"term":"Cache"},{"term":"Cloud-Native Architecture"},{"term":"Configure Catalog and Groups in SAP Fiori Portal Sites"},{"term":"Configuring Fiori Tiles in sap portal sites"},{"term":"Custom Controls"},{"term":"Custom control to make a Radar Chart using Chart.js library in SAPUI5."},{"term":"DDIC"},{"term":"DPC"},{"term":"Data Storage"},{"term":"Data types"},{"term":"Debugging ABAP"},{"term":"Dev Tools"},{"term":"Development"},{"term":"Dialog sapui5"},{"term":"Environment variables"},{"term":"Event Handling"},{"term":"Field Catalog"},{"term":"File Manipulation"},{"term":"Fragment"},{"term":"Fragment in sapui5"},{"term":"Global sub routines"},{"term":"Globalization and localization"},{"term":"How to Change logon Page of Enterprise Portal"},{"term":"How to export SAP Web IDE Workspace projects"},{"term":"How to get Selected table index value?"},{"term":"Image Upload"},{"term":"Installation of sap ui5 plugin"},{"term":"Internal Table"},{"term":"Introduction and DDIC"},{"term":"Introduction to SAP portal sites"},{"term":"JDK"},{"term":"LOCAL SUB ROUTINES"},{"term":"Latest ABAP Updates"},{"term":"Logon Page in Enterprise Portal"},{"term":"Logon to SAP ABAP"},{"term":"MDK introduction"},{"term":"MPC"},{"term":"Mdk app"},{"term":"Microservices in SAP BTP"},{"term":"Module Pool"},{"term":"Most common examples in sap ui5"},{"term":"Mta yaml"},{"term":"Naming conventions"},{"term":"Navigation Properties"},{"term":"OData v2 benefits"},{"term":"OData v2 vs. OData v4"},{"term":"OData v4 advantages"},{"term":"OOPs Concepts"},{"term":"Offline app"},{"term":"Parts"},{"term":"Pass by reference"},{"term":"Pass by value (or) call by value"},{"term":"Pass by value and return"},{"term":"Plugin"},{"term":"Project structure"},{"term":"SAP ABAP Blog."},{"term":"SAP ABAP function modules"},{"term":"SAP ABAP video tutorials"},{"term":"SAP ABAP views"},{"term":"SAP Business Technology Platform"},{"term":"SAP Data Presentation"},{"term":"SAP Development"},{"term":"SAP ECC"},{"term":"SAP Fiori Configuration cockpit"},{"term":"SAP Fiori Launchpad Portal Site"},{"term":"SAP MTA"},{"term":"SAP NetWeaver Portal"},{"term":"SAP OData"},{"term":"SAP Programming"},{"term":"SAP S\/4HANA"},{"term":"SAP Tech Trends"},{"term":"SAP cloud solutions"},{"term":"SAP functional modules"},{"term":"SAP implementation."},{"term":"SAP modules"},{"term":"SAP overview"},{"term":"SAP technical modules"},{"term":"SAPUI5 data communication"},{"term":"SAPui5 application on SAP bussiness application studio"},{"term":"SUB ROUTINES"},{"term":"Sapui5 jobs"},{"term":"Scalable Applications"},{"term":"Search Help in DDIC"},{"term":"Security"},{"term":"Security Considerations"},{"term":"Setting Up an App Router in SAP CAPM Project on BTP: A Step-by-Step Guide"},{"term":"SmartForms"},{"term":"Sorting"},{"term":"Templates and Accelerators in SAP Portal sites"},{"term":"Transaction code"},{"term":"Transport Request Number"},{"term":"Tutorial series on SAP Enterpise Portal"},{"term":"Tutorials"},{"term":"UI5 Inspector"},{"term":"User Interaction"},{"term":"Web Application Development"},{"term":"XS-UAA"},{"term":"add"},{"term":"add and delete operation"},{"term":"admin cockpit sap cloud mobile services"},{"term":"aggregations"},{"term":"annotations"},{"term":"annotations in OData"},{"term":"api"},{"term":"appearance"},{"term":"append operation"},{"term":"application"},{"term":"apps"},{"term":"architecture of sap fiori"},{"term":"authorization"},{"term":"backend components"},{"term":"batch processing in OData"},{"term":"begin set"},{"term":"beginset"},{"term":"boolean"},{"term":"branding"},{"term":"cache buster"},{"term":"catalogs"},{"term":"changeset"},{"term":"chart.js"},{"term":"charts in sapui5"},{"term":"chrome"},{"term":"cluster"},{"term":"code quality"},{"term":"combo box"},{"term":"commit"},{"term":"component configuration"},{"term":"component.js"},{"term":"configure catalogs and groups"},{"term":"configuring tiles"},{"term":"containers"},{"term":"contrller"},{"term":"controller hooks"},{"term":"controller.js"},{"term":"create"},{"term":"create cloud foundary account"},{"term":"create destinations to connect mobile services from sap web ide"},{"term":"css folder"},{"term":"csv upload validation"},{"term":"custom control"},{"term":"custom fiori app"},{"term":"custom image"},{"term":"custom login page"},{"term":"data element"},{"term":"database views"},{"term":"debug files in production environment"},{"term":"debugging javascript files"},{"term":"deman pop-in"},{"term":"deploy to cloud foundry"},{"term":"design principles"},{"term":"distance"},{"term":"doalog"},{"term":"domain"},{"term":"drag and drop"},{"term":"dv"},{"term":"dynamic"},{"term":"edit"},{"term":"enable sap web ide"},{"term":"event"},{"term":"events"},{"term":"events in classical reports"},{"term":"example classical report example"},{"term":"example of CAP"},{"term":"examples"},{"term":"excel"},{"term":"export project"},{"term":"export sap projects"},{"term":"export sapui5 project"},{"term":"expression"},{"term":"external library"},{"term":"external style"},{"term":"file"},{"term":"file reader"},{"term":"filter"},{"term":"filtering"},{"term":"fiori app"},{"term":"fiori apps"},{"term":"fiori jobs"},{"term":"fiori launchpad"},{"term":"fiori tiles"},{"term":"formatters"},{"term":"frontend components"},{"term":"function"},{"term":"geocoder"},{"term":"get cursor"},{"term":"get expanded entity"},{"term":"get expanded entityset"},{"term":"globalization"},{"term":"google maps"},{"term":"grouping"},{"term":"groups"},{"term":"gulp"},{"term":"handling localized texts"},{"term":"hcp"},{"term":"header item relationship"},{"term":"hello world"},{"term":"hello world application"},{"term":"help views"},{"term":"hierarchial ALV"},{"term":"icf"},{"term":"implementing SAP Fiori"},{"term":"import project"},{"term":"index"},{"term":"index of list"},{"term":"inline expressions"},{"term":"inner join"},{"term":"interactive reports events"},{"term":"interactive reports example"},{"term":"internal style"},{"term":"interview tips"},{"term":"introduction to ERP"},{"term":"introduction to odata annotations"},{"term":"introduction to sap abap"},{"term":"introduction to sap fiori"},{"term":"introduction to sapui5"},{"term":"item"},{"term":"iwfnd"},{"term":"javascript"},{"term":"javascript code editor"},{"term":"job search"},{"term":"joins"},{"term":"js"},{"term":"json model"},{"term":"jwt token"},{"term":"large string"},{"term":"launchpad"},{"term":"launchpad configuration"},{"term":"layout"},{"term":"layouts"},{"term":"local development"},{"term":"local service"},{"term":"login"},{"term":"login configuration"},{"term":"logo"},{"term":"logon page"},{"term":"lpd_cust"},{"term":"maint_service"},{"term":"maintainability"},{"term":"maintainence view"},{"term":"margins"},{"term":"marker"},{"term":"mdk"},{"term":"metadata.xml"},{"term":"mfa"},{"term":"minScreenWidth"},{"term":"mobile services in cloud foundary"},{"term":"model folder"},{"term":"modules"},{"term":"multi cloud environment"},{"term":"nested view"},{"term":"npm"},{"term":"odat v4"},{"term":"odata deep structures"},{"term":"odata tutorial series"},{"term":"odata v2"},{"term":"offline capabilities"},{"term":"online training abap"},{"term":"openui5"},{"term":"optimization"},{"term":"outer join"},{"term":"package"},{"term":"padding"},{"term":"parameter"},{"term":"pass multiple values"},{"term":"path"},{"term":"pdf"},{"term":"pfcg"},{"term":"pool"},{"term":"portal"},{"term":"portal site"},{"term":"projection views"},{"term":"pull"},{"term":"pull a project"},{"term":"push"},{"term":"radar chart"},{"term":"re usability"},{"term":"read"},{"term":"read table"},{"term":"register cloud platform"},{"term":"reports"},{"term":"resource bundle"},{"term":"resources"},{"term":"responsive"},{"term":"responsive table"},{"term":"responsive table in sapui5"},{"term":"responsiveness"},{"term":"rest"},{"term":"roles"},{"term":"routing in split app"},{"term":"saml"},{"term":"sap MDK"},{"term":"sap abap tutorials"},{"term":"sap app"},{"term":"sap backend system"},{"term":"sap cloud foundary"},{"term":"sap cloud platform for portal sites"},{"term":"sap cloud platform mobile services"},{"term":"sap custom portal sites"},{"term":"sap enterprise portal"},{"term":"sap fiori application"},{"term":"sap fiori apps"},{"term":"sap fiori configuration cockpit portal sites"},{"term":"sap fiori elements"},{"term":"sap fiori enterprise portal sites"},{"term":"sap fiori jobs"},{"term":"sap fiori launchpad"},{"term":"sap fiori launchpad configuration"},{"term":"sap fiori tools"},{"term":"sap fiori tutorial"},{"term":"sap freestyle portal sites"},{"term":"sap mobile development kit"},{"term":"sap mobile services tutorial"},{"term":"sap mobility jobs"},{"term":"sap ui5"},{"term":"sap ui5 excel upload"},{"term":"sap viz frame"},{"term":"sap web IDE Workspace export"},{"term":"sap web ide deprecated"},{"term":"sap webide"},{"term":"sap.m.list"},{"term":"sap.m.table"},{"term":"sapui5 apps"},{"term":"sapui5 best practices"},{"term":"sapui5 code editor"},{"term":"sapui5 code validator"},{"term":"sapui5 csv file upload import"},{"term":"sapui5 diagnostics window"},{"term":"sapui5 excel import"},{"term":"sapui5 lint"},{"term":"sapui5 nested view"},{"term":"sapui5 project"},{"term":"sapui5 project structuring"},{"term":"sapui5 xml editor"},{"term":"scp"},{"term":"searching"},{"term":"selected"},{"term":"selected index"},{"term":"setup"},{"term":"sheet.js"},{"term":"smart table"},{"term":"smarttable"},{"term":"speech recognition"},{"term":"spider chart"},{"term":"split app"},{"term":"srv"},{"term":"stage"},{"term":"step by step process to create odata"},{"term":"string"},{"term":"submitbatch"},{"term":"system objects"},{"term":"tab"},{"term":"tag"},{"term":"technical interview questions"},{"term":"test Odata service"},{"term":"tiles"},{"term":"token"},{"term":"transparent"},{"term":"tree table"},{"term":"types of subroutines"},{"term":"types of tables"},{"term":"types of views"},{"term":"ui5"},{"term":"universal worklist"},{"term":"update"},{"term":"upload"},{"term":"use strict"},{"term":"user experience sap"},{"term":"util"},{"term":"v4"},{"term":"validate using headers"},{"term":"validation"},{"term":"value"},{"term":"variable names"},{"term":"version"},{"term":"video tutorial on formatter and inline expressions"},{"term":"video tutorial on globalization"},{"term":"view"},{"term":"view extension"},{"term":"view extensions"},{"term":"view modification"},{"term":"view replacement"},{"term":"viz charts"},{"term":"viz control"},{"term":"vizframe control"},{"term":"voice recognition"},{"term":"walkthrough admin cockpit"},{"term":"web dynpro"},{"term":"webIDE application"},{"term":"webapp"},{"term":"work Area"},{"term":"workflow"},{"term":"xls"},{"term":"xlsx"},{"term":"xml code editor"},{"term":"xml view"},{"term":"xs security"}],"title":{"type":"text","$t":"SAP Development: Mastering SAP UI5, BTP, Fiori, CAPM, RAP, ABAP; and More!"},"subtitle":{"type":"html","$t":"Welcome to the ultimate SAP UI5, BTP, Fiori, CAPM, RAP, ABAP blog! Explore comprehensive tutorials, interview questions, and real-world examples to master SAP development. Elevate your skills in creating stunning UI5 apps, harnessing the power of BTP, and building Fiori applications. Unlock the potential of CAPM, RAP, and ABAP, and learn to integrate seamlessly with the enterprise portal. Whether you're a beginner or an experienced developer, this blog is your go-to resource for SAP expertise!"},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https:\/\/www.sapui5tutors.com\/feeds\/posts\/default"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3826368468004556615\/posts\/default\/-\/excel?alt=json-in-script\u0026max-results=50"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.sapui5tutors.com\/search\/label\/excel"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"Sanjo Thomas"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06687889588258406801"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"generator":{"version":"7.00","uri":"http://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"1"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"50"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3826368468004556615.post-8202736683897988543"},"published":{"$t":"2022-04-02T06:42:00.006-07:00"},"updated":{"$t":"2023-06-07T19:53:47.022-07:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"csv"},{"scheme":"http://www.blogger.com/atom/ns#","term":"excel"},{"scheme":"http://www.blogger.com/atom/ns#","term":"external library"},{"scheme":"http://www.blogger.com/atom/ns#","term":"HANA"},{"scheme":"http://www.blogger.com/atom/ns#","term":"import"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sapui5 excel import"},{"scheme":"http://www.blogger.com/atom/ns#","term":"sheet.js"},{"scheme":"http://www.blogger.com/atom/ns#","term":"table"},{"scheme":"http://www.blogger.com/atom/ns#","term":"xls"},{"scheme":"http://www.blogger.com/atom/ns#","term":"xlsx"}],"title":{"type":"text","$t":"How to import Excel xlsx,xls file to SAP UI5 Application."},"content":{"type":"html","$t":"\u003Cp\u003EThere can be multiple scenarios, where user would be required to import excel, csv file to UI5 application and then perform actions on selected line Items. In this blog, let us see ways to upload an excel or CSV file to UI5 application.\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiucGuZ635b-Le0fI3YvKSTAIvbXOSVeRAnFaAM5s52sBda5MKXwwvCmB5B4ckTxrpA_SGe5R6NVECBmwsqbrgFxC3Z7eJTZEuUgv1-eXoa7OllZQXDquRfVSZsbSnjOKwulAnMNdRPmj51L8j7SD9YNHuqPCsMd9kL_gPVhPFY95SDSXRN3N9UQ7Q\/s1021\/IMG_1912.jpeg\" imageanchor=\"1\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg border=\"0\" data-original-height=\"726\" data-original-width=\"1021\" height=\"228\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiucGuZ635b-Le0fI3YvKSTAIvbXOSVeRAnFaAM5s52sBda5MKXwwvCmB5B4ckTxrpA_SGe5R6NVECBmwsqbrgFxC3Z7eJTZEuUgv1-eXoa7OllZQXDquRfVSZsbSnjOKwulAnMNdRPmj51L8j7SD9YNHuqPCsMd9kL_gPVhPFY95SDSXRN3N9UQ7Q\/s320\/IMG_1912.jpeg\" width=\"320\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003E\u003Cp\u003E\u003Cbr \/\u003E\u003C\/p\u003E\u003Cp\u003ENormaly to do so, we have 2 ways:\u003C\/p\u003E\u003Cp\u003E1) Use external library - Sheet.js\u003C\/p\u003E\u003Cp\u003E2) Use javascript abilities - only for CSV files\u003C\/p\u003E\u003Cp\u003E\u003Cu\u003E\u003Cb\u003EUse External Library\u003C\/b\u003E\u003C\/u\u003E\u003C\/p\u003E\u003Cp\u003ELet's keep the use case simple, we will have one view having a FileUploader and to display the data lets bind it to a table control.\u003C\/p\u003E\u003Cpre class=\"language-markup\" style=\"background: repeat rgb(245, 242, 240); border: 1px solid rgb(198, 198, 198); font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; word-break: normal;\"\u003E\u003Ccode class=\"language-markup\" style=\"background: repeat; border: 0px; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; hyphens: none; line-height: 1.5; margin: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; word-break: normal; word-spacing: normal;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003E\u003Cspan class=\"token namespace\" style=\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003Emvc:\u003C\/span\u003EView\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003EcontrollerName\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Ecom.UploadExcel.controller.MainView\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token namespace\" style=\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003Exmlns:\u003C\/span\u003Emvc\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Esap.ui.core.mvc\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003EdisplayBlock\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Etrue\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Exmlns\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Esap.m\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\n\t\u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token namespace\" style=\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003Exmlns:\u003C\/span\u003Eu\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Esap.ui.unified\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EShell\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Eid\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Eshell\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EApp\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Eid\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Eapp\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003Epages\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EPage\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Eid\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Epage\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etitle\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003ERead From Excel\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EcustomHeader\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EBar\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EcontentMiddle\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003ELabel\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003ERead Data From Excel\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EcontentMiddle\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EcontentRight\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003E\u003Cspan class=\"token namespace\" style=\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003Eu:\u003C\/span\u003EFileUploader\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Eid\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003EFileUploaderId\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003EsameFilenameAllowed\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Etrue\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003EiconOnly\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Efalse\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003EbuttonOnly\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Etrue\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003EfileType\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003EXLSX,xlsx\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Eicon\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Esap-icon:\/\/upload\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003EiconFirst\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003Etrue\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token style-attr language-css\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003Estyle\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\"\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003EEmphasized\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Echange\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003EonUpload\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EcontentRight\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EBar\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EcustomHeader\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003Econtent\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003ETable\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Eitems\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E{localModel\u0026gt;\/items}\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003Ecolumns\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EColumn\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003ELabel\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003EName\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EColumn\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EColumn\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003ELabel\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003EAge\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EColumn\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EColumn\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003ELabel\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003EJob\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EColumn\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EColumn\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003ELabel\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003EAddress\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EColumn\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003Ecolumns\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003Eitems\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EColumnListItem\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003Ecells\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EText\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E{localModel\u0026gt;Name}\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EText\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E{localModel\u0026gt;Age}\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EText\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E{localModel\u0026gt;Job}\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\u003C\/span\u003EText\u003C\/span\u003E \u003Cspan class=\"token attr-name\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003Etext\u003C\/span\u003E\u003Cspan class=\"token attr-value\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E{localModel\u0026gt;Address}\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\"\u003C\/span\u003E\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\/\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003Ecells\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EColumnListItem\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003Eitems\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003ETable\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003Econtent\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EPage\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003Epages\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EApp\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\t\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003EShell\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\n\u003Cspan class=\"token tag\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token tag\" style=\"border: 0px; margin: 0px; padding: 0px;\"\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026lt;\/\u003C\/span\u003E\u003Cspan class=\"token namespace\" style=\"border: 0px; margin: 0px; opacity: 0.7; padding: 0px;\"\u003Emvc:\u003C\/span\u003EView\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E\u0026gt;\u003C\/span\u003E\u003C\/span\u003E\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEhhYZugcSpV0i_clCMqG9Bx7kpm_6JHs1owxK6pT7jzSU6_xES6s20kJBvBZ_Qvj19b-KSB5GejwqXzl1EXP8Yz0sPxnCRaKGekfx0FtzML7yG_3XArsPIg7CNOth5Kd2ROGXsJ2HzpWWhX4rKE3KljcQFvpV3SWJTy6g33gALK3PlgaEkulu1KSf4\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg data-original-height=\"407\" data-original-width=\"1083\" height=\"241\" src=\"https:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEhhYZugcSpV0i_clCMqG9Bx7kpm_6JHs1owxK6pT7jzSU6_xES6s20kJBvBZ_Qvj19b-KSB5GejwqXzl1EXP8Yz0sPxnCRaKGekfx0FtzML7yG_3XArsPIg7CNOth5Kd2ROGXsJ2HzpWWhX4rKE3KljcQFvpV3SWJTy6g33gALK3PlgaEkulu1KSf4=w640-h241\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003ENow, update the code in onUpload function in the respective controller.\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cbr \/\u003E\u003C\/p\u003E\u003Cpre class=\"language-javascript\" style=\"background: repeat rgb(245, 242, 240); border: 1px solid rgb(198, 198, 198); font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; hyphens: none; line-height: 1.5; margin-bottom: 0.5em; margin-top: 0.5em; overflow-wrap: normal; overflow: auto; padding: 1em; tab-size: 4; text-shadow: white 0px 1px; word-break: normal;\"\u003E\u003Ccode class=\"language-javascript\" style=\"background: repeat; border: 0px; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; hyphens: none; line-height: 1.5; margin: 0px; overflow-wrap: normal; padding: 0px; tab-size: 4; text-shadow: white 0px 1px; word-break: normal; word-spacing: normal;\"\u003E\n\t\t\u003Cspan class=\"token function-variable function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003EonUpload\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E:\u003C\/span\u003E \u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Efunction\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Ee\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\n\t\t\t\u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Ethis\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003E_import\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Ee\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003EgetParameter\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token string\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003E\"files\"\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E\u0026amp;\u0026amp;\u003C\/span\u003E e\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003EgetParameter\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token string\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003E\"files\"\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E[\u003C\/span\u003E\u003Cspan class=\"token number\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003E0\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E]\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E,\u003C\/span\u003E\n\n\t\t\u003Cspan class=\"token function-variable function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003E_import\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E:\u003C\/span\u003E \u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Efunction\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Efile\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\n\t\t\t\u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Evar\u003C\/span\u003E that \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E \u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Ethis\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Evar\u003C\/span\u003E excelData \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Eif\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Efile \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E\u0026amp;\u0026amp;\u003C\/span\u003E window\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003EFileReader\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\n\t\t\t\t\u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Evar\u003C\/span\u003E reader \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E \u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Enew\u003C\/span\u003E \u003Cspan class=\"token class-name\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003EFileReader\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\treader\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function-variable function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003Eonload\u003C\/span\u003E \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E \u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Efunction\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Ee\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\n\t\t\t\t\t\u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Evar\u003C\/span\u003E data \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E e\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003Etarget\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003Eresult\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\t\t\u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Evar\u003C\/span\u003E workbook \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E \u003Cspan class=\"token constant\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003EXLSX\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003Eread\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Edata\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E,\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\n\t\t\t\t\t\ttype\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E:\u003C\/span\u003E \u003Cspan class=\"token string\" style=\"border: 0px; color: #669900; margin: 0px; padding: 0px;\"\u003E'binary'\u003C\/span\u003E\n\t\t\t\t\t\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\t\tworkbook\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003ESheetNames\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003EforEach\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Efunction\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003EsheetName\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\n\t\t\t\t\t\t\u003Cspan class=\"token comment\" style=\"border: 0px; color: slategrey; margin: 0px; padding: 0px;\"\u003E\/\/ Here is your object for every sheet in workbook\u003C\/span\u003E\n\t\t\t\t\t\texcelData \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E \u003Cspan class=\"token constant\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003EXLSX\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003Eutils\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003Esheet_to_row_object_array\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Eworkbook\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003ESheets\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E[\u003C\/span\u003EsheetName\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E]\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\n\t\t\t\t\t\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\t\t\u003Cspan class=\"token comment\" style=\"border: 0px; color: slategrey; margin: 0px; padding: 0px;\"\u003E\/\/ Setting the data to the local model \u003C\/span\u003E\n\t\t\t\t\tthat\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003ElocalModel\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003EsetData\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\n\t\t\t\t\t\titems\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E:\u003C\/span\u003E excelData\n\t\t\t\t\t\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\t\tthat\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003ElocalModel\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003Erefresh\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token boolean\" style=\"border: 0px; color: #990055; margin: 0px; padding: 0px;\"\u003Etrue\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\t\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\treader\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function-variable function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003Eonerror\u003C\/span\u003E \u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; margin: 0px; padding: 0px;\"\u003E=\u003C\/span\u003E \u003Cspan class=\"token keyword\" style=\"border: 0px; color: #0077aa; margin: 0px; padding: 0px;\"\u003Efunction\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Eex\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E \u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E{\u003C\/span\u003E\n\t\t\t\t\tconsole\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003Elog\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Eex\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\t\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\treader\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"border: 0px; color: #dd4a68; margin: 0px; padding: 0px;\"\u003EreadAsBinaryString\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E(\u003C\/span\u003Efile\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E;\u003C\/span\u003E\n\t\t\t\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\n\t\t\u003Cspan class=\"token punctuation\" style=\"border: 0px; color: #999999; margin: 0px; padding: 0px;\"\u003E}\u003C\/span\u003E\u003C\/code\u003E\u003C\/pre\u003E\u003Cp\u003EOur main part of the code is done, we need to add the external library reference in the component.js file.\u003C\/p\u003E\u003Cp\u003E\u003Cbr \/\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E\t\u003C\/span\u003E\u003Cspan class=\"token keyword\" style=\"background-color: #f5f2f0; border: 0px; color: #0077aa; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003Evar\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E jQueryScript \u003C\/span\u003E\u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E=\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E document\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003EcreateElement\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token string\" style=\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E'script'\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E;\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E\n\t\t\tjQueryScript\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003EsetAttribute\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token string\" style=\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E'src'\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E,\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E \u003C\/span\u003E\u003Cspan class=\"token string\" style=\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/xlsx\/0.10.0\/jszip.js'\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E;\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E\n\t\t\tdocument\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E.\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003Ehead\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003EappendChild\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E(\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003EjQueryScript\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E;\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E\n\t\t\n\t\t\n\t\t\t\u003C\/span\u003E\u003Cspan class=\"token keyword\" style=\"background-color: #f5f2f0; border: 0px; color: #0077aa; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003Evar\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E jQueryScript \u003C\/span\u003E\u003Cspan class=\"token operator\" style=\"background: repeat rgba(255, 255, 255, 0.5); border: 0px; color: #9a6e3a; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E=\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E document\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003EcreateElement\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token string\" style=\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E'script'\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E;\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E\n\t\t\tjQueryScript\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003EsetAttribute\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E(\u003C\/span\u003E\u003Cspan class=\"token string\" style=\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E'src'\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E,\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E \u003C\/span\u003E\u003Cspan class=\"token string\" style=\"background-color: #f5f2f0; border: 0px; color: #669900; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/xlsx\/0.10.0\/xlsx.js'\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E;\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003E\n\t\t\tdocument\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E.\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003Ehead\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E.\u003C\/span\u003E\u003Cspan class=\"token function\" style=\"background-color: #f5f2f0; border: 0px; color: #dd4a68; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003EappendChild\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E(\u003C\/span\u003E\u003Cspan style=\"background-color: #f5f2f0; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; white-space: pre;\"\u003EjQueryScript\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E)\u003C\/span\u003E\u003Cspan class=\"token punctuation\" style=\"background-color: #f5f2f0; border: 0px; color: #999999; font-family: Consolas, Monaco, \u0026quot;Andale Mono\u0026quot;, \u0026quot;Ubuntu Mono\u0026quot;, monospace; font-size: 14px; margin: 0px; padding: 0px; white-space: pre;\"\u003E;\u003C\/span\u003E\u003C\/p\u003E\u003Cp\u003ENow, click on the browse button and select an excel file, and click on open. After selection the data is shown in the table.\u003C\/p\u003E\u003Cp\u003E\u003C\/p\u003E\u003Cdiv class=\"separator\" style=\"clear: both; text-align: center;\"\u003E\u003Ca href=\"https:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEgwKeO_iQHMWjrzD3_NPMICQp9261P4KOhbECZgBPLX7QNThdstASuZRzjL5FF97ZNDCBdo5Pj-M55Hksy-9jMJObMt47evPoD-9Lar4GxtUt60VGi61blr4HwRruCTkn6zLb5JhCOKr9UCdmLWBsJGwAfgXgEJX1aK28eSGFzTjjNWSLF8H8zBV0c\" style=\"margin-left: 1em; margin-right: 1em;\"\u003E\u003Cimg data-original-height=\"293\" data-original-width=\"1083\" height=\"174\" src=\"https:\/\/blogger.googleusercontent.com\/img\/a\/AVvXsEgwKeO_iQHMWjrzD3_NPMICQp9261P4KOhbECZgBPLX7QNThdstASuZRzjL5FF97ZNDCBdo5Pj-M55Hksy-9jMJObMt47evPoD-9Lar4GxtUt60VGi61blr4HwRruCTkn6zLb5JhCOKr9UCdmLWBsJGwAfgXgEJX1aK28eSGFzTjjNWSLF8H8zBV0c=w640-h174\" width=\"640\" \/\u003E\u003C\/a\u003E\u003C\/div\u003E\u003Cbr \/\u003EHope, this was easy to understand. Now in the next \u003Ca href=\"http:\/\/www.sapui5tutors.com\/2022\/04\/how-to-import-excel-csv-file-to-sap-ui5.html\"\u003Eblog \u003C\/a\u003Elet us see how to import a CSV file to UI5 application.\u003Cp\u003E\u003C\/p\u003E\u003Cp\u003EWe can also see how we can validate the excel file using the header names in the next \u003Ca href=\"http:\/\/www.sapui5tutors.com\/2022\/04\/how-to-validate-excel-file-imported-to.html\" target=\"_blank\"\u003Eblog\u003C\/a\u003E.\u003C\/p\u003E"},"link":[{"rel":"replies","type":"application/atom+xml","href":"https:\/\/www.sapui5tutors.com\/feeds\/8202736683897988543\/comments\/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https:\/\/www.sapui5tutors.com\/2022\/04\/how-to-import-excel-xlsxxls-file-to-sap.html#comment-form","title":"1 Comments"},{"rel":"edit","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3826368468004556615\/posts\/default\/8202736683897988543"},{"rel":"self","type":"application/atom+xml","href":"https:\/\/www.blogger.com\/feeds\/3826368468004556615\/posts\/default\/8202736683897988543"},{"rel":"alternate","type":"text/html","href":"https:\/\/www.sapui5tutors.com\/2022\/04\/how-to-import-excel-xlsxxls-file-to-sap.html","title":"How to import Excel xlsx,xls file to SAP UI5 Application."}],"author":[{"name":{"$t":"Sanjo Thomas"},"uri":{"$t":"http:\/\/www.blogger.com\/profile\/06687889588258406801"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"16","height":"16","src":"https:\/\/img1.blogblog.com\/img\/b16-rounded.gif"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiucGuZ635b-Le0fI3YvKSTAIvbXOSVeRAnFaAM5s52sBda5MKXwwvCmB5B4ckTxrpA_SGe5R6NVECBmwsqbrgFxC3Z7eJTZEuUgv1-eXoa7OllZQXDquRfVSZsbSnjOKwulAnMNdRPmj51L8j7SD9YNHuqPCsMd9kL_gPVhPFY95SDSXRN3N9UQ7Q\/s72-c\/IMG_1912.jpeg","height":"72","width":"72"},"thr$total":{"$t":"1"}}]}});