XLSX: Работа со столбцами ячеек на странице XLSX-документа
В этом разделе
UI-контрол
WebSpreadsheetEditorControlJS позволяет работать (добавлять, удалять, копировать, вырезать, вставлять, очищать, изменять размер, скрывать/показывать) со столбцами ячеек листа XLSX-документа в веб-браузере.
Столбцы ячеек можно изменять с помощью мыши/клавиатуры или программным способом.
Добавление нового столбца ячеек на лист XLSX-документа.
Если вы хотите добавить новый столбец ячеек на лист XLSX-документа с помощью мыши, выполните следующие действия:
- Щёлкните правой кнопкой мыши по заголовку столбца, рядом с которым вы хотите вставить новый столбец. Откроется контекстное меню. Выберите в контекстном меню пункт "Insert columns" - будет добавлен новый столбец ячеек.
Вот JavaScript код, который демонстрирует, как добавить столбец ячеек на лист XLSX-документа:
// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class
// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();
// select the entire cell column "D"
spreadsheetEditorControl.setFocusedAndSelectedCells("D:D");
// insert new cell column before column "D"
spreadsheetEditorControl.insertColumns();
Удаление столбца ячеек с листа XLSX-документа.
Если вы хотите удалить столбец ячеек с листа XLSX-документа с помощью мыши, выполните следующие действия:
- Щёлкните правой кнопкой мыши по заголовку столбца, который вы хотите удалить. Откроется контекстное меню. В контекстном меню выберите пункт "Delete columns" - столбец ячеек будет удалён.
Вот JavaScript код, который демонстрирует, как удалить столбец ячеек с листа XLSX-документа:
// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class
// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();
// select the entire cell column "D"
spreadsheetEditorControl.setFocusedAndSelectedCells("D:D");
// delete the selected columns
spreadsheetEditorControl.removeColumns();
Копирование и вставка столбца ячеек на листе XLSX-документа.
Если вы хотите скопировать и вставить столбец ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:
- Щёлкните правой кнопкой мыши по заголовку столбца, который необходимо копировать. Откроется контекстное меню. В контекстном меню выберите пункт "Copy" - столбец ячеек будет выбран для копирования.
- Щёлкните правой кнопкой мыши по заголовку столбца, рядом с которым требуется вставить скопированный столбец. Откроется контекстное меню. В контекстном меню выберите пункт "Paste" - столбец ячеек будет вставлен.
Вот JavaScript код, который демонстрирует, как скопировать и вставить столбец ячеек на листе XLSX-документа:
// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class
// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();
// select the entire cell column "D"
spreadsheetEditorControl.setFocusedAndSelectedCells("D:D");
// copy the selected cell column
spreadsheetEditorControl.doCopy();
// select the entire cell column "E"
spreadsheetEditorControl.setFocusedAndSelectedCells("E:E");
// copy the content of column "D" into column "E"
spreadsheetEditorControl.doPaste(false);
Вырезание и вставка столбца ячеек на листе XLSX-документа.
Если вы хотите вырезать и вставить столбец ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:
- Щёлкните правой кнопкой мыши по заголовку столбца, который вы хотите вырезать. Откроется контекстное меню. В контекстном меню выберите пункт "Cut" - столбец ячеек будет выбран для вырезания.
- Щёлкните правой кнопкой мыши по заголовку столбца, рядом с которым вы хотите вставить вырезанный столбец. Откроется контекстное меню. В контекстном меню выберите пункт "Paste" - столбец ячеек будет вставлен.
Вот JavaScript код, который демонстрирует, как вырезать и вставить столбец ячеек на листе XLSX-документа:
// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class
// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();
// select the entire cell column "D"
spreadsheetEditorControl.setFocusedAndSelectedCells("D:D");
// cut the selected cell column
spreadsheetEditorControl.doCut();
// select the entire cell column "E"
spreadsheetEditorControl.setFocusedAndSelectedCells("G:G");
// paste the content of column "D" into column "E"
spreadsheetEditorControl.doPaste(false);
Очистка содержимого столбца ячеек на листе XLSX-документа.
Если вы хотите очистить содержимое столбца ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:
- Щёлкните правой кнопкой мыши по заголовку столбца, содержимое которого вы хотите очистить. Откроется контекстное меню. В контекстном меню выберите "Clear Contents" - содержимое столбца ячеек будет очищено.
Вот JavaScript код, который демонстрирует, как очистить содержимое столбца ячеек на листе XLSX-документа:
// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class
// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();
// select the entire cell column "D"
spreadsheetEditorControl.setFocusedAndSelectedCells("D:D");
// clear the content of selected column
spreadsheetEditorControl.clearCellsContent();
Автоматическое выравнивание столбца ячеек по ширине на листе XLSX-документа.
Если вы хотите автоматически выровнить ширину столбца ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:
- Щёлкните правой кнопкой мыши по заголовку столбца, ширину которого вы хотите выровнить. Откроется контекстное меню. В контекстном меню выберите пункт "AutoFit the column width" - ширина столбца ячеек будет выровнена автоматически.
Вот JavaScript код, который демонстрирует, как автоматически выровнить ширину столбца ячеек на листе XLSX-документа:
// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class
// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();
// select the entire cell column "D"
spreadsheetEditorControl.setFocusedAndSelectedCells("D:D");
// autofit width of cell column
spreadsheetEditorControl.autoFitColumnWidth();
Скрытие/отображение столбца ячеек на листе XLSX-документа.
Если вы хотите скрыть/показать столбец ячеек на листе XLSX-документа с помощью мыши, выполните следующие действия:
- Чтобы скрыть столбец ячеек: Щёлкните правой кнопкой мыши по заголовку столбца, который вы хотите скрыть. Откроется контекстное меню. В контекстном меню выберите пункт "Hide Columns" - столбец ячеек будет скрыт.
- Чтобы отобразить скрытый столбец ячеек: Нажмите левую кнопку мыши и проведите по заголовком предыщуего и следующего столбцов, чтобы выделить их. Затем нажмите правую кнопку мыши - откроется контекстное меню. В контекстном меню выберите пункт "Show Columns". Отобразится скрытый столбец ячеек.
Вот JavaScript-код, который демонстрирует, как скрыть и показать столбец ячеек на XLSX-листе:
// _spreadsheetDocumentEditorControl is an instance of WebSpreadsheetDocumentEditorControlJS class
// get spreadsheet editor
var spreadsheetEditorControl = _spreadsheetDocumentEditorControl.get_SpreadsheetEditorControl();
// select the entire cell columns "D", "E", "F" and "G"
spreadsheetEditorControl.setFocusedAndSelectedCells("D:G");
// hide the selected cell columns
spreadsheetEditorControl.hideColumns();
// select the entire cell columns "E" and "F"
spreadsheetEditorControl.setFocusedAndSelectedCells("E:F");
// show the selected cell columns
spreadsheetEditorControl.showColumns();