Comment utiliser le style de cellule js-xlsx
Cette fois, je vais vous montrer comment utiliser le style de cellule de js-xlsx, et quelles sont les précautions lors de l'utilisation du style de cellule de js-xlsx. Voici un cas pratique, prenons un. regarder.
Téléchargez le style xlsx
npm install xlsx-style
le module principal de style xlsx se trouve dans votre chemin d'installation node_modulesxlsx-styledist
2 . Exemple de code
Copiez le fichier xlsx.full.min.js
Écrivez l'exemple de code :
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<title>示例</title></head><body>
<script src="./xlsx.full.min.js"></script>
<script>
function saveAs(obj, fileName) { var tmpa = document.createElement("a");
tmpa.download = fileName || "下载";
tmpa.href = URL.createObjectURL(obj);
tmpa.click();
setTimeout(function () {
URL.revokeObjectURL(obj);
}, 100);
} var jsono = [{ "id": 1, "合并的列头1": "数据11", "合并的列头2": "数据12", "合并的列头3": "数据13", "合并的列头4": "数据14",
}, { "id": 2, "合并的列头1": "数据21", "合并的列头2": "数据22", "合并的列头3": "数据23", "合并的列头4": "数据24",
}]; const wopts = { bookType: 'xlsx', bookSST: true, type: 'binary', cellStyles: true }; function downloadExl(json, type) { var tmpdata = json[0];
json.unshift({}); var keyMap = []; //获取keys
for (var k in tmpdata) {
keyMap.push(k);
json[0][k] = k;
} var tmpdata = [];//用来保存转换好的json
json.map((v, i) => keyMap.map((k, j) => Object.assign({}, { v: v[k], position: (j > 25 ? getCharCol(j) : String.fromCharCode(65 + j)) + (i + 1)
}))).reduce((prev, next) => prev.concat(next)).forEach((v, i) => tmpdata[v.position] = { v: v.v
}); var outputPos = Object.keys(tmpdata); //设置区域,比如表格从A1到D10
tmpdata["B1"].s = { font: { sz: 14, bold: true, color: { rgb: "FFFFAA00" } }, fill: { bgColor: { indexed: 64 }, fgColor: { rgb: "FFFF00" } } };//<====设置xlsx单元格样式
tmpdata["!merges"] = [{ s: { c: 1, r: 0 }, e: { c: 4, r: 0 }
}];//<====合并单元格
var tmpWB = { SheetNames: ['mySheet'], //保存的表标题
Sheets: { 'mySheet': Object.assign({},
tmpdata, //内容
{ '!ref': outputPos[0] + ':' + outputPos[outputPos.length - 1] //设置填充区域
})
}
};
tmpDown = new Blob([s2ab(XLSX.write(tmpWB,
{ bookType: (type == undefined ? 'xlsx' : type), bookSST: false, type: 'binary' }//这里的数据是用来定义导出的格式类型
))], { type: ""
});
saveAs(tmpDown, "这里是下载的文件名" + '.' + (wopts.bookType == "biff2" ? "xls" : wopts.bookType));
} function getCharCol(n) { let temCol = '',
s = '',
m = 0
while (n > 0) {
m = n % 26 + 1
s = String.fromCharCode(m + 64) + s
n = (n - m) / 26
} return s
} function s2ab(s) { if (typeof ArrayBuffer !== 'undefined') { var buf = new ArrayBuffer(s.length); var view = new Uint8Array(buf); for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF; return buf;
} else { var buf = new Array(s.length); for (var i = 0; i != s.length; ++i) buf[i] = s.charCodeAt(i) & 0xFF; return buf;
}
} </script>
<button onclick="downloadExl(jsono)">导出</button></body></html>Je pense que vous maîtrisez la méthode après avoir lu le cas. dans cet article, plus Veuillez prêter attention aux autres articles connexes sur le site Web php chinois !
Lecture connexe :
Comment utiliser la toile pour créer une planche à dessin de graffitis utile
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript
Dec 17, 2023 pm 02:54 PM
Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de reconnaissance vocale en ligne Introduction : Avec le développement continu de la technologie, la technologie de reconnaissance vocale est devenue une partie importante du domaine de l'intelligence artificielle. Le système de reconnaissance vocale en ligne basé sur WebSocket et JavaScript présente les caractéristiques d'une faible latence, d'un temps réel et d'une multiplateforme, et est devenu une solution largement utilisée. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de reconnaissance vocale en ligne.
Comment empêcher Excel de supprimer les zéros non significatifs
Feb 29, 2024 am 10:00 AM
Est-il frustrant de supprimer automatiquement les zéros non significatifs des classeurs Excel ? Lorsque vous entrez un nombre dans une cellule, Excel supprime souvent les zéros non significatifs devant le nombre. Par défaut, il traite les entrées de cellule dépourvues de formatage explicite comme des valeurs numériques. Les zéros non significatifs sont généralement considérés comme non pertinents dans les formats numériques et sont donc omis. De plus, les zéros non significatifs peuvent poser des problèmes dans certaines opérations numériques. Par conséquent, les zéros sont automatiquement supprimés. Cet article vous apprendra comment conserver les zéros non significatifs dans Excel pour garantir que les données numériques saisies telles que les numéros de compte, les codes postaux, les numéros de téléphone, etc. sont dans le format correct. Dans Excel, comment autoriser les nombres à avoir des zéros devant eux ? Vous pouvez conserver les zéros non significatifs des nombres dans un classeur Excel. Vous avez le choix entre plusieurs méthodes. Vous pouvez définir la cellule en
WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel
Dec 17, 2023 pm 05:30 PM
WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket
Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel
Dec 17, 2023 pm 12:09 PM
Introduction à l'utilisation de JavaScript et de WebSocket pour mettre en œuvre un système de commande en ligne en temps réel : avec la popularité d'Internet et les progrès de la technologie, de plus en plus de restaurants ont commencé à proposer des services de commande en ligne. Afin de mettre en œuvre un système de commande en ligne en temps réel, nous pouvons utiliser les technologies JavaScript et WebSocket. WebSocket est un protocole de communication full-duplex basé sur le protocole TCP, qui peut réaliser une communication bidirectionnelle en temps réel entre le client et le serveur. Dans le système de commande en ligne en temps réel, lorsque l'utilisateur sélectionne des plats et passe une commande
WPS divise une cellule en deux
Mar 20, 2024 pm 06:00 PM
Le logiciel WPS est une aide indispensable pour le traitement de textes et de documents. Dans les applications pratiques, il est souvent nécessaire d'opérer dans des cellules pour traiter du texte et des documents. Aujourd'hui, permettez-moi de vous présenter les étapes spécifiques à suivre pour diviser une cellule en deux dans WPS. 1. Tout d'abord, nous ouvrons le tableau WPS qui doit être modifié et sélectionnons le document cellulaire qui doit être divisé en deux cellules. 2. Cliquez pour ouvrir la « Colonne » dans les données. 3. Sélectionnez ensuite « Largeur fixe » dans la fenêtre contextuelle et cliquez sur « Suivant ». 4. Dans la fenêtre contextuelle, cliquez à l'endroit où vous souhaitez séparer les colonnes et appuyez sur Entrée pour confirmer. Tirez des conclusions à partir d'un exemple. Si vous devez le remplacer par 3, vous pouvez également modifier le nombre par 3. 5. Cliquez ensuite sur Terminer. 6. Il existe une autre façon
Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript
Dec 17, 2023 am 09:39 AM
Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de réservation en ligne. À l'ère numérique d'aujourd'hui, de plus en plus d'entreprises et de services doivent fournir des fonctions de réservation en ligne. Il est crucial de mettre en place un système de réservation en ligne efficace et en temps réel. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de réservation en ligne et fournit des exemples de code spécifiques. 1. Qu'est-ce que WebSocket ? WebSocket est une méthode full-duplex sur une seule connexion TCP.
Comment additionner des cellules dans plusieurs feuilles de calcul dans Excel
Feb 19, 2024 pm 01:57 PM
Cet article montrera comment additionner des cellules dans plusieurs feuilles de calcul dans Excel. Microsoft Excel est un puissant tableur pour la gestion des données. Lorsque vous travaillez avec des données, vous devrez peut-être effectuer la somme sur plusieurs cellules. Ce guide vous montrera comment y parvenir facilement. Comment additionner des cellules dans plusieurs feuilles de calcul dans Excel Lors de la somme de cellules dans plusieurs feuilles de calcul dans Excel, vous pouvez rencontrer les deux situations suivantes : Ajout d'une seule valeur de cellule dans une plage de cellules Ajout de valeurs Nous aborderons les deux méthodes ici. Ajout d'une valeur de cellule unique sur plusieurs feuilles de calcul dans Excel Nous avons collecté un échantillon contenant les ventes de 6 entreprises différentes pendant quatre mois consécutifs (de janvier à avril)
JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel
Dec 17, 2023 pm 05:13 PM
JavaScript et WebSocket : Construire un système efficace de prévisions météorologiques en temps réel Introduction : Aujourd'hui, la précision des prévisions météorologiques revêt une grande importance pour la vie quotidienne et la prise de décision. À mesure que la technologie évolue, nous pouvons fournir des prévisions météorologiques plus précises et plus fiables en obtenant des données météorologiques en temps réel. Dans cet article, nous apprendrons comment utiliser la technologie JavaScript et WebSocket pour créer un système efficace de prévisions météorologiques en temps réel. Cet article démontrera le processus de mise en œuvre à travers des exemples de code spécifiques. Nous
