import SgdsElement from "../../base/sgds-element"; export type HeaderPosition = "horizontal" | "vertical" | "both"; /** * @summary Table is used for displaying collections of data in organized rows and columns. * It supports two rendering methods: supply an array of data for automatic table generation, or use the slot to insert custom table elements for full structural control. * * @slot - Insert custom table elements (such as rows, headers, or cells) to define the table structure manually. */ export declare class SgdsTable extends SgdsElement { static styles: import("lit").CSSResult[]; /** * Specifies the responsive breakpoint for the table. * Use "sm", "md", "lg", or "xl" to create responsive tables up to a particular breakpoint. * From that breakpoint and up, the table will behave normally and not scroll horizontally. * Use "always" to make the table always responsive. * * (@deprecated) Deprecated since 3.9.0 legacy from v2 * @type {"sm" | "md" | "lg" | "xl" | "always"} */ responsive: "sm" | "md" | "lg" | "xl" | "always"; /** * Array of strings to populate row header cells. * @type {string[]} */ rowHeader: string[]; /** * Array of strings to populate column header cells. * Only used when `headerPosition` is set to "vertical" or "both". * @type {string[]} */ columnHeader: string[]; /** * Two-dimensional array of strings or numbers to populate table data cells. * @type {Array<(string | number)[]>} */ tableData: Array<(string | number)[]>; /** * Defines the placement of headers in the table. * Use "horizontal" for top headers only, "vertical" for left headers only, * or "both" for both row and column headers. * @type {"horizontal" | "vertical" | "both"} * @default "horizontal" */ headerPosition: HeaderPosition; /** * Enables background styling on horizontal header rows. * When true, applies background color to header cells for better visual distinction. * @type {boolean} * @default false */ headerBackground: boolean; /** * Enables borders around table cells. * When true, displays visible borders between all table cells. * @type {boolean} * @default false */ tableBorder: boolean; /** * Controls the CSS `table-layout` algorithm. * Use "auto" to let the browser size columns based on content, or "fixed" to distribute column widths evenly regardless of content. * @type {"auto" | "fixed"} * @default "auto" */ layout: "auto" | "fixed"; /** * Indicates the presence of the default slot. * Used for server-side rendering to determine table structure. * @type {boolean} * @internal * @default false */ hasDefaultSlot: boolean; private _headerBackground; /** @internal */ private readonly hasSlotController; connectedCallback(): void; updated(): void; private _renderTable; render(): import("lit").TemplateResult<1>; } export default SgdsTable;