Home

Welcome to the keikai-tutorial wiki!

Read the blog to know more about Keikai

ZK + keikai project

A project to demonstrate how to integrate ZK framework with Keikai.

Component UI customization

Keikai UI is configurable through a data attribute:

• data-show-context-menu
• data-show-toolbar
• data-show-sheet-tabs
• data-show-formula-bar
• data-show-sheet-controls

For example, to hide built-in context menu:

<div id="spreadsheet" data-show-context-menu="false"/>

Customize Form Control Style

Each form control is an HTML element that has its own CSS class, so you can customize their style by overriding rules of their CSS class e.g. .k-ctrl-button

For a specific button

Keikai also generates a CSS class upon a button's name in lower case for a button. For example, if a button's is Button 1, keikai will generate a CSS class, button-1, on the button.