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 License | 11060 | 880 |
MIT License | 13771.79 | 768.15 |
GPL-3.0-or-later | 7000 | 530 |
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"];
};