Показать и скрыть линий сетки и заголовки строк и столбцов с помощью JavaScript через C++
Отображение и скрытие линий сетки
Все листы Excel по умолчанию имеют сетку. Они помогают выделять клетки для удобства ввода данных. Сетка позволяет нам просматривать лист как коллекцию клеток, каждая клетка легко идентифицируется.
Управление видимостью сетки
Aspose.Cells предоставляет класс, Workbook, который представляет файл Microsoft Excel. Класс Workbook содержит коллекцию Workbook.worksheets, которая позволяет разработчикам получать доступ к каждому листу в файле Excel. Лист представлен классом Worksheet. Класс Worksheet предоставляет широкий спектр свойств и методов для управления листом. Чтобы управлять видимостью линий сетки, используйте свойство Worksheet.isGridlinesVisible(). Worksheet.isGridlinesVisible() — логическое свойство, означающее, что оно может хранить только значение true или false.
Отображение линий сетки
Делайте линии сетки видимыми, установив свойство Worksheet.isGridlinesVisible() в значение true.
Скрытие линий сетки
Спрячьте линии сетки, установив свойство Worksheet.isGridlinesVisible() в значение false.
Полный пример приведен ниже, он демонстрирует использование свойства Worksheet.isGridlinesVisible() путем открытия файла Excel (book1.xls), скрытия линий сетки на первом листе и сохранения измененного файла как 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>
Показывать и скрывать заголовки строк и столбцов
Все листы Excel состоят из клеток, расположенных в строках и столбцах. Все строки и столбцы имеют уникальные значения, которые используются для их идентификации и для идентификации отдельных клеток. Например, строки нумеруются - 1, 2, 3, 4 и т. д., а столбцы упорядочены по алфавиту - A, B, C, D и т. д. Значения строк и столбцов отображаются в заголовках. С помощью Aspose.Cells разработчики могут управлять видимостью этих заголовков строк и столбцов.
Управление видимостью листов
Aspose.Cells предоставляет класс, Workbook, который представляет файл Microsoft Excel. Класс Workbook содержит коллекцию Workbook.worksheets, которая позволяет разработчикам получать доступ к каждому листу в файле Excel. Лист представлен классом Worksheet. Класс Worksheet предоставляет широкий спектр свойств и методов для управления листом. Чтобы управлять видимостью заголовков строк и столбцов, используйте свойство Worksheet.isRowColumnHeadersVisible(). Worksheet.isRowColumnHeadersVisible() — логическое свойство, означающее, что оно может хранить только значение true или false.
Отображение заголовков строк/столбцов
Делайте заголовки строк и столбцов видимыми, установив свойство Worksheet.isRowColumnHeadersVisible() в значение true.
Скрытие заголовков строк/столбцов
Спрячьте заголовки строк и столбцов, установив свойство Worksheet.isRowColumnHeadersVisible() в значение false.
Полный пример приведен ниже, он показывает, как использовать свойство Worksheet.isRowColumnHeadersVisible() путем открытия файла Excel (book1.xls), скрытия заголовков строк и столбцов на первом листе и сохранения измененного файла как 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>