Table

Table is a table component equipped with column sorting, row selection, and click event features.

Theming

The Table is a multi part component.

Table inherits the style from NativeTable.

If you want to change the style of the component, please check here.

export const Table: ComponentMultiStyle<"Table"> = mergeMultiStyle(
  NativeTable,
  {
    baseStyle: {
      sortIcon: {},
      td: {
        outline: "none",
        transitionDuration: "normal",
        transitionProperty: "common",
        _focusVisible: {
          boxShadow: "inline",
        },
      },
      th: {
        outline: "none",
        transitionDuration: "normal",
        transitionProperty: "common",
        _focusVisible: {
          boxShadow: "inline",
        },
      },
    },

    sizes: {
      sm: {
        sortIcon: {
          right: 2,
        },
      },
      md: {
        sortIcon: {
          right: 3,
        },
      },
      lg: {
        sortIcon: {
          right: 4,
        },
      },
      xl: {
        sortIcon: {
          right: 6,
        },
      },
    },
  },
)()

Copied!

Edit this page on GitHub

PreviousStat NextPagingTable