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. |