Properties
Tables

Tables

Data tables are used to organize and display information in a tabular way from a data set.


License
Total Number of Start
Contributors
Apache-2.0 License11060880
MIT License13771.79 768.15
GPL-3.0-or-later7000530

Properties

export type Tables = {
  th?: TableTH;
  body?: TableBody;
};
 
export interface TableTH extends Omit<TableCell, "borderLeft"> {
  fontWeight?: CSSProperties["fontWeight"];
  color?: CSSProperties["color"];
  background?: CSSProperties["background"];
  borderTop?: CSSProperties["borderTop"];
  inner?: TableTHInner;
  first?: TableTHFirst;
  last?: TableTHLast;
  "&:hover"?: {
    color?: CSSProperties["color"];
    background?: CSSProperties["background"];
  };
}
 
export type TableTHFirst = { borderLeft: CSSProperties["borderLeft"] };
export type TableTHLast = { borderRight: CSSProperties["borderRight"] };
 
export type TableTHInner = {
  borderBottomWidth?: CSSProperties["borderBottomWidth"];
  borderRight?: boolean;
  padding?: CSSProperties["padding"];
};
 
export type TableBody = {
  borderLeft?: CSSProperties["borderLeft"];
  borderRight?: CSSProperties["borderRight"];
  cells?: TableCell;
  odd?: TableRowsStripes;
  even?: TableRowsStripes;
};
 
export type TableRowsStripes = {
  background?: CSSProperties["background"];
  color?: CSSProperties["color"];
};
 
export type TableCell = {
  borderBottom?: CSSProperties["borderBottom"];
  borderLeft?: CSSProperties["borderLeft"];
  borderRight?: CSSProperties["borderRight"];
  fontSize?: CSSProperties["fontSize"];
  padding?: CSSProperties["padding"];
};