Skip to content

Tips

Disable title on header cell hover

  • Set the title field in StkTableColumn to an empty string (""). This will remove the title from the th element.
  • Use the customHeaderCell property in StkTableColumn to customize header cell rendering.

Filter

  • Not supported yet. You can implement this functionality through customHeaderCell.
  • Built-in custom filter component. FilterCell

props.fixedMode

  • For older browsers, If you are using a low version of browser, you need to set the width of .stk-table-main to unset in css. Otherwise, the width of the column will be 0.

customCell width control

  • Since customCell is a child element of td, if you find that the flex width control in customCell is not working, you can set a smaller width for StkTableColumn['width'] to make the flex container calculate. Otherwise, the flex container will calculate the width of the child element's text (max-content).

Released under the MIT License