XLSX: Работа со столбцами ячеек на странице XLSX-документа

В этом разделе

UI-контрол WebSpreadsheetEditorControlJS позволяет работать (добавлять, удалять, копировать, вырезать, вставлять, очищать, изменять размер, скрывать/показывать) со столбцами ячеек листа XLSX-документа в веб-браузере.
Столбцы ячеек можно изменять с помощью мыши/клавиатуры или программным способом.

Добавление нового столбца ячеек на лист XLSX-документа.

Если вы хотите добавить новый столбец ячеек на лист XLSX-документа с помощью мыши, выполните следующие действия:

Щёлкните правой кнопкой мыши по заголовку столбца, рядом с которым вы хотите вставить новый столбец. Откроется контекстное меню. Выберите в контекстном меню пункт "Insert columns" - будет добавлен новый столбец ячеек.

Вот JavaScript код, который демонстрирует, как добавить столбец ячеек на лист XLSX-документа:

JavaScript

// _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-документа:

JavaScript

// _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-документа:

JavaScript

// _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-документа:

JavaScript

// _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-документа:

JavaScript

// _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-документа:

JavaScript

// _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-листе:

JavaScript

// _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();

Отправить отзыв