Ändra formatet på en cell
Möjliga användningsscenario
När du vill markera viss data kan du ändra stilen på cellerna.
Hur man ändrar formatet på en cell i Excel
För att ändra formatet på en enda cell i Excel, följ dessa steg:
-
Öppna Excel och öppna arbetsboken som innehåller den cell du vill formatera.
-
Leta reda på den cell du vill formatera.
-
Högerklicka på cellen och välj “Formatera celler” från snabbmenyn. Alternativt kan du markera cellen och gå till fliken Hem i Excel-ribbonen, klicka på rullgardinsmenyn “Formatera” i gruppen “Celler” och välj “Formatera celler”.
-
Dialogrutan “Formatera celler” visas. Här kan du välja olika formateringsalternativ att tillämpa på den valda cellen. Till exempel kan du ändra typsnittsstil, typsnittstorlek, typsnittsfärg, nummerformat, kanter, bakgrundsfärg, etc. Utforska de olika flikarna i dialogrutan för att komma åt olika formateringsalternativ.
-
Efter att ha gjort önskade formateringsändringar klickar du på “OK”-knappen för att tillämpa formateringen på den valda cellen.
Hur man ändrar formatet på en cell med JavaScript
För att ändra formatet på en cell med Aspose.Cells kan du använda följande metoder:
Exempelkod
I detta exempel skapar vi en Excel-arbetsbok, lägger till några exempeldata, får tillgång till det första kalkbladet, och hämtar två celler (“A2” och “B3”). Sedan hämtar vi cellens stil, ställer in olika formateringsalternativ (t.ex. teckensnitts färg, fetstil), och ändrar formatet till cellen. Slutligen sparar vi arbetsboken till en ny fil.

<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Aspose.Cells Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, Worksheet, Cell } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
document.getElementById('result').innerHTML = '<p style="color: red;">Please select an Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiating a Workbook object by opening the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Get the first worksheet
const ws = workbook.worksheets.get(0);
const cells = ws.cells;
// Setting the value to the cells
let cell = cells.get("A1");
cell.value = "Fruit";
cell = cells.get("B1");
cell.value = "Count";
cell = cells.get("C1");
cell.value = "Price";
cell = cells.get("A2");
cell.value = "Apple";
cell = cells.get("A3");
cell.value = "Mango";
cell = cells.get("A4");
cell.value = "Blackberry";
cell = cells.get("A5");
cell.value = "Cherry";
cell = cells.get("B2");
cell.value = 5;
cell = cells.get("B3");
cell.value = 3;
cell = cells.get("B4");
cell.value = 6;
cell = cells.get("B5");
cell.value = 4;
cell = cells.get("C2");
cell.value = 5;
cell = cells.get("C3");
cell.value = 20;
cell = cells.get("C4");
cell.value = 30;
cell = cells.get("C5");
cell.value = 60;
// Access the worksheet
const worksheet = workbook.worksheets.get(0);
const a2 = worksheet.cells.get("A2");
// Get style of A2
const style = a2.style;
// Change the format
style.font.color = AsposeCells.Color.Red;
style.font.isBold = true;
const flag = new AsposeCells.StyleFlag();
flag.fontColor = true;
// Apply style (assignment per conversion rules)
a2.style = style;
const b3 = worksheet.cells.get("B3");
// Get style of B3
const style2 = b3.style;
// Change the format
style2.font.color = AsposeCells.Color.Blue;
style2.font.isItalic = true;
b3.style = style2;
// Saving the modified workbook and offering it for download
const outputData = workbook.save(SaveFormat.Xlsx);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xlsx';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Operation completed successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>