AngularJS export Excel instructions
This article mainly introduces the instructions for exporting Excel from AngularJS, which has certain reference value. Now I share it with everyone. Friends in need can refer to it
Excel
Export ideas
Reference article - angularjs uses instructions to implement table export to csv
The export Excel
function is used in the project. Teacher Pan has exported the table to csv## in his blog #The technical difficulties are implemented, and the rest is just to improve the instruction according to actual business needs.
HTML codes of the view and edit buttons were directly exported. What we want is personnel information and personnel qualification information.
15 columns, which are passed to the export command as parameters.
self.exportCols = scope.exportCols; for (let i = 0; i It turns out that the inner loop is all data columns, but now it is changed to the number of valid data columns passed in. <p></p>Cross-row table<h2></h2><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/680/867/883/1531123509788663.png" class="lazy" title="1531123509788663.png" alt="AngularJS export Excel instructions"></p>Taking this picture as an example, the first row has <p>15<code> columns, but the data in the second row There is only the </code>4<code> column, because the rest of the columns are displayed by setting </code>rowspan<code> in the first row. In fact, there are only personnel qualifications </code>4 in the <code>tr</code> in the second row. <code>一</code>td<code>. </code></p><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/843/685/233/1531123518744940.png" class="lazy" title="1531123518744940.png" alt="AngularJS export Excel instructions"></p>#This results in the second row having only four data when exporting, and it is aligned from the left, so we need to add empty data to the columns across rows. <p></p>Add a conditional judgment and pass in the length of the remaining columns when a column is straddled, which is used to distinguish whether it is a normal column or a column that is straddled. <p></p><pre class="brush:php;toolbar:false">if (self.isNormalItem(rowData)) { // 如果该列为正常列,循环内容 for (let j = 0; j The qualification certificate appears in an empty column<h2></h2><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/802/452/143/1531123537590884.png" class="lazy" title="1531123537590884.png" alt="AngularJS export Excel instructions"></p>Because it is necessary to add an empty column for the add qualification certificate button, and an empty column will also appear when exporting, the effect not good. <p></p><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/767/939/808/1531123544352657.png" class="lazy" title="1531123544352657.png" alt="AngularJS export Excel instructions"></p>So it needs to be judged. When a column that is crossed appears, it needs to be judged whether the last four contents of its previous row are empty. If it is empty, it should be The contents of this column are moved to the previous row. <p></p><pre class="brush:php;toolbar:false">if (self.isNormalItem(rowData)) { // 如果该列为正常列,循环内容 ... } else if (self.isFirstItem(csvString)) { // 如果当前跨行资质是当前人员的第一个资质,则将该资质添加到上一行 // 因为能添加人员资质的界面第一行的人员资质是空的,所以需要将该资 // 质添加到上一行 csvString = self.addDataToPreString(rowData, csvString); } else { // 根据有效数据中的跨行列拼接空数据 ... }
else. If the column currently being crossed is the first qualification of the current person, add the qualification data of this row to the qualification data of the previous row. Blank space.
// 判断当前表格中资质是否是第一项资质 self.isFirstItem = function(string) { // 分隔字符串 var csvArray = string.split(','); // 循环已有字符数组的倒数四个元素,判断是否有效 for (var i = csvArray.length - 1; i >= csvArray.length - 4; i--) { if (self.isValid(csvArray[i])) { return false; } } return true; }; // 判断当前字符是否有效 // 空字符和\n视为无效 self.isValid = function(char) { if (char === '' || char === '\n') { return false; } else { return true; } }; // 添加数据到字符串的上一行 self.addDataToPreString = function(data, string) { // 字符串分隔为数据 var csvArray = string.split(','); // 循环,将有效的数据添加到上一行 for (let i = 0; i The final exported <p>csv<code> effect: </code></p><p><img src="/static/imghw/default1.png" data-src="https://img.php.cn//upload/image/976/352/627/1531123556704357.png" class="lazy" title="1531123556704357.png" alt="AngularJS export Excel instructions"></p>The above is The entire content of this article is hoped to be helpful to everyone's study. For more related content, please pay attention to the PHP Chinese website! <p></p>Related recommendations:<p></p><p class="comments-box-content">AngularJS document reading directive scope<a title="AngularJS 文档阅读的指令scope" href="http://www.php.cn/js-tutorial-406295.html" target="_blank"></a><br></p><p class="mt20 ad-detail-mm hidden-xs">AngularJS table export to add additional information<a title="AngularJS 表格导出添加额外信息" href="http://www.php.cn/js-tutorial-406294.html" target="_blank"></a><br></p>
The above is the detailed content of AngularJS export Excel instructions. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

If when opening a file that needs to be printed, we will find that the table frame line has disappeared for some reason in the print preview. When encountering such a situation, we must deal with it in time. If this also appears in your print file If you have questions like this, then join the editor to learn the following course: What should I do if the frame line disappears when printing a table in Excel? 1. Open a file that needs to be printed, as shown in the figure below. 2. Select all required content areas, as shown in the figure below. 3. Right-click the mouse and select the "Format Cells" option, as shown in the figure below. 4. Click the “Border” option at the top of the window, as shown in the figure below. 5. Select the thin solid line pattern in the line style on the left, as shown in the figure below. 6. Select "Outer Border"

Excel is often used to process data in daily office work, and it is often necessary to use the "filter" function. When we choose to perform "filtering" in Excel, we can only filter up to two conditions for the same column. So, do you know how to filter more than 3 keywords at the same time in Excel? Next, let me demonstrate it to you. The first method is to gradually add the conditions to the filter. If you want to filter out three qualifying details at the same time, you first need to filter out one of them step by step. At the beginning, you can first filter out employees with the surname "Wang" based on the conditions. Then click [OK], and then check [Add current selection to filter] in the filter results. The steps are as follows. Similarly, perform filtering separately again

In our daily work and study, we copy Excel files from others, open them to add content or re-edit them, and then save them. Sometimes a compatibility check dialog box will appear, which is very troublesome. I don’t know Excel software. , can it be changed to normal mode? So below, the editor will bring you detailed steps to solve this problem, let us learn together. Finally, be sure to remember to save it. 1. Open a worksheet and display an additional compatibility mode in the name of the worksheet, as shown in the figure. 2. In this worksheet, after modifying the content and saving it, the dialog box of the compatibility checker always pops up. It is very troublesome to see this page, as shown in the figure. 3. Click the Office button, click Save As, and then

When processing data, sometimes we encounter data that contains various symbols such as multiples, temperatures, etc. Do you know how to set superscripts in Excel? When we use Excel to process data, if we do not set superscripts, it will make it more troublesome to enter a lot of our data. Today, the editor will bring you the specific setting method of excel superscript. 1. First, let us open the Microsoft Office Excel document on the desktop and select the text that needs to be modified into superscript, as shown in the figure. 2. Then, right-click and select the "Format Cells" option in the menu that appears after clicking, as shown in the figure. 3. Next, in the “Format Cells” dialog box that pops up automatically

Most users use Excel to process table data. In fact, Excel also has a VBA program. Apart from experts, not many users have used this function. The iif function is often used when writing in VBA. It is actually the same as if The functions of the functions are similar. Let me introduce to you the usage of the iif function. There are iif functions in SQL statements and VBA code in Excel. The iif function is similar to the IF function in the excel worksheet. It performs true and false value judgment and returns different results based on the logically calculated true and false values. IF function usage is (condition, yes, no). IF statement and IIF function in VBA. The former IF statement is a control statement that can execute different statements according to conditions. The latter

eWe often use Excel to make some data tables and the like. Sometimes when entering parameter values, we need to superscript or subscript a certain number. For example, mathematical formulas are often used. So how do you type the subscript in Excel? ?Let’s take a look at the detailed steps: 1. Superscript method: 1. First, enter a3 (3 is superscript) in Excel. 2. Select the number "3", right-click and select "Format Cells". 3. Click "Superscript" and then "OK". 4. Look, the effect is like this. 2. Subscript method: 1. Similar to the superscript setting method, enter "ln310" (3 is the subscript) in the cell, select the number "3", right-click and select "Format Cells". 2. Check "Subscript" and click "OK"

In the study of software, we are accustomed to using excel, not only because it is convenient, but also because it can meet a variety of formats needed in actual work, and excel is very flexible to use, and there is a mode that is convenient for reading. Today I brought For everyone: where to set the excel reading mode. 1. Turn on the computer, then open the Excel application and find the target data. 2. There are two ways to set the reading mode in Excel. The first one: In Excel, there are a large number of convenient processing methods distributed in the Excel layout. In the lower right corner of Excel, there is a shortcut to set the reading mode. Find the pattern of the cross mark and click it to enter the reading mode. There is a small three-dimensional mark on the right side of the cross mark.

1. Open the PPT and turn the page to the page where you need to insert the excel icon. Click the Insert tab. 2. Click [Object]. 3. The following dialog box will pop up. 4. Click [Create from file] and click [Browse]. 5. Select the excel table to be inserted. 6. Click OK and the following page will pop up. 7. Check [Show as icon]. 8. Click OK.
