Mostra e nascondi le linee della griglia e le intestazioni delle righe e colonne con JavaScript tramite C++
Mostrare e nascondere le linee della griglia
Tutti i fogli di lavoro di Excel hanno linee di griglia per impostazione predefinita. Aiutano a delimitare le celle in modo che sia facile inserire dati in celle specifiche. Le linee di griglia ci consentono di visualizzare un foglio di calcolo come una collezione di celle, in cui ogni cella è facilmente identificabile.
Controllo della visibilità delle linee della griglia
Aspose.Cells fornisce una classe, Workbook, che rappresenta un file Microsoft Excel. La classe Workbook contiene una collezione Workbook.worksheets che permette agli sviluppatori di accedere a ogni foglio di lavoro nel file Excel. Un foglio di lavoro è rappresentato dalla classe Worksheet. La classe Worksheet offre una vasta gamma di proprietà e metodi per la gestione di un foglio di lavoro. Per controllare la visibilità delle linee della griglia, usa la proprietà Worksheet.isGridlinesVisible(). Worksheet.isGridlinesVisible() è una proprietà Booleana, il che significa che può memorizzare solo un valore vero o falso.
Rendere Visibili le Linee della Griglia
Rendi visibili le linee della griglia impostando la proprietà Worksheet.isGridlinesVisible() su true.
Nascondere le Linee della Griglia
Nascondi le linee della griglia impostando la proprietà Worksheet.isGridlinesVisible() su false.
Un esempio completo è dato di seguito che dimostra l’uso della proprietà Worksheet.isGridlinesVisible() aprendo un file Excel (book1.xls), nascondendo le linee della griglia sul primo foglio di lavoro e salvando il file modificato come output.xls.
<!DOCTYPE html>
<html>
<head>
<title>Hide Gridlines Example</title>
</head>
<body>
<h1>Hide Gridlines 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 } = 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');
const resultDiv = document.getElementById('result');
if (!fileInput.files.length) {
resultDiv.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
// Opening the Excel file through the file data
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Accessing the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Hiding the grid lines of the first worksheet of the Excel file
worksheet.isGridlinesVisible = false;
// Saving the modified Excel file
const outputData = workbook.save(SaveFormat.Excel97To2003);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xls';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
resultDiv.innerHTML = '<p style="color: green;">Gridlines hidden successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>
Mostra e nasconde gli intestazioni delle righe e delle colonne
Tutti i fogli di lavoro in un file Excel sono composti da celle disposte in righe e colonne. Tutte le righe e colonne hanno valori univoci che vengono utilizzati per identificarle e per identificare singole celle. Ad esempio, le righe sono numerate – 1, 2, 3, 4, ecc. – e le colonne sono ordinate in modo alfabetico – A, B, C, D, ecc. I valori delle righe e delle colonne sono visualizzati negli intestazioni. Utilizzando Aspose.Cells, gli sviluppatori possono controllare la visibilità di queste intestazioni delle righe e delle colonne.
Controllo della visibilità dei fogli di lavoro
Aspose.Cells fornisce una classe, Workbook, che rappresenta un file Microsoft Excel. La classe Workbook contiene una collezione Workbook.worksheets che permette agli sviluppatori di accedere a ogni foglio di lavoro nel file Excel. Un foglio di lavoro è rappresentato dalla classe Worksheet. La classe Worksheet offre una vasta gamma di proprietà e metodi per la gestione di un foglio di lavoro. Per controllare la visibilità delle intestazioni di righe e colonne, usa la proprietà Worksheet.isRowColumnHeadersVisible(). Worksheet.isRowColumnHeadersVisible() è una proprietà Booleana, il che significa che può memorizzare solo un valore vero o falso.
Rendere visibili le intestazioni di riga/colonna
Rendi visibili le intestazioni di righe e colonne impostando la proprietà Worksheet.isRowColumnHeadersVisible() su true.
Nascondere le intestazioni di riga/colonna
Nascondi le intestazioni di righe e colonne impostando la proprietà Worksheet.isRowColumnHeadersVisible() su false.
Esempio completo in basso che mostra come utilizzare la proprietà Worksheet.isRowColumnHeadersVisible() aprendo un file excel (book1.xls), nascondendo le intestazioni di riga e colonna nel primo foglio di lavoro e salvando il file modificato come output.xls.
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example - Hide Row/Column Headers</title>
</head>
<body>
<h1>Hide Row and Column Headers Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx" />
<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 } = 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 with the uploaded file
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Accessing the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Hiding the headers of rows and columns
worksheet.isRowColumnHeadersVisible = false;
// Saving the modified Excel file
const outputData = workbook.save(SaveFormat.Excel97To2003);
const blob = new Blob([outputData]);
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'output.xls';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download Modified Excel File';
document.getElementById('result').innerHTML = '<p style="color: green;">Headers hidden successfully! Click the download link to get the modified file.</p>';
});
</script>
</html>