ASP.NET MVC コントロールヘルプ
スタイル設定とCSS
コントロールの使用 > FlexSheet > FlexSheetの使用 > スタイル設定とCSS

CSS classes for the FlexSheet control are as follows:

Class Description
.wj-flexsheet Styles the div host element of the FlexSheet control.
.wj-flexsheet .wj-content Implementation not found.
.wj-flexsheet .wj-header-row Implementation not found.
.wj-flexsheet .wj-tabholder Styles the tab holder area that displays the FlexSheet tabs.
Selection
.wj-state-multi-selected Styles all the cells in the selected cell range except the active cell.
.wj-state-selected Styles the active cell and currently selected item in the drop-down list.
Formula
.wj-flexsheet-formula-list Styles the list of formulas displayed in the FlexSheet control.
.wj-flexsheet-formula-list .wj-flexsheet-formula-name Styles the formula names displayed in the formula list.
.wj-flexsheet-formula-list .wj-flexsheet-formula-description Styles the formula description displayed under each formula in the list.
.wj-flexsheet-formula-list .wj-listbox-item.wj-state-selected > * Styles the name of the formula when user hovers on each formula name in the list.
Tabholder
.wj-flexsheet .wj-tabholder span.wj-sheet-icon Styles the sheet icon displayed in the tabholder.
.wj-flexsheet .wj-tabholder div.wj-sheet-page.wj-btn-group Styles the group of buttons displayed in the tabholder.
.wj-flexsheet .wj-tabholder div.wj-sheet-page.wj-btn-group > button Styles the buttons displayed in the tabholder.
.wj-flexsheet .wj-tabholder .wj-sheet-tab ul Styles the <ul> element of the sheet tab that displays the all sheets.
.wj-flexsheet .wj-tabholder .wj-sheet-tab ul li Styles the <li> element of the sheet tab that displays the individual sheet tab and name.
.wj-flexsheet .wj-tabholder .wj-sheet-tab ul li.active Styles the active sheet tab.
.wj-flexsheet .wj-tabholder .wj-new-sheet Styles the new sheet button that is displayed in the tabholder.
.wj-flexsheet .wj-tabholder .wj-new-sheet .wj-sheet-icon Styles the new sheet icon that is displayed in the tabholder.
.wj-flexsheet .wj-tabholder .wj-sheet > div Styles the div host element that displays the sheets inside the tablholder.
.wj-flexsheet.wj-rtl div.wj-sheet > div Implementation not found.
Context Menu
.wj-flexsheet-context-menu Styles the context menu that is displayed when you make a right click on any of the cell in the FlexSheet control.
.wj-flexsheet-context-menu .wj-context-menu-item Styles the menu items displayed in the context menu.
.wj-flexsheet-context-menu .wj-context-menu-item:not(.wj-context-menu-item-selected):hover Styles the menu items displayed in the context menu when you hover your mouse on each menu item.
.wj-flexsheet-context-menu .wj-context-menu-item-selected Styles the selected menu item in the context menu.
Fill Menu
.wj-flexsheet-fill-menu Styles the fill menu that is displayed when you make a left click on the smart tag.
.wj-flexsheet-fill-menu .wj-flexsheet-fill-menu-item Styles the menu items displayed in the fill menu.
.wj-flexsheet-fill-menu .wj-flexsheet-fill-menu-item-active Styles the currently active menu item in the fill menu.
.wj-flexsheet-fill-menu .wj-flexsheet-fill-menu-item:not(.wj-flexsheet-fill-menu-item-active):hover Styles the menu items displayed in the fill menu when you hover your mouse on each menu item.
Smart Tag
.wj-flexsheet-smart-tag Styles the fill menu button.
.wj-flexsheet-smart-tag-active Styles the fill menu button when it is in active state.