Table

<sc-table></sc-table>

This component let users create table.

Preview

<sc-card no-padding>
	<sc-table>
		<sc-table-cell slot="head">Column 1</sc-table-cell>
		<sc-table-cell slot="head">Column 2</sc-table-cell>
		<sc-table-cell slot="head">Column 3</sc-table-cell>
		<sc-table-row>
			<sc-table-cell>Data 1</sc-table-cell>
			<sc-table-cell>Data 2</sc-table-cell>
			<sc-table-cell>Data 3</sc-table-cell>
		</sc-table-row>
		<sc-table-row>
			<sc-table-cell>Data 4</sc-table-cell>
			<sc-table-cell>Data 5</sc-table-cell>
			<sc-table-cell>Data 6</sc-table-cell>
		</sc-table-row>
		<sc-table-row>
			<sc-table-cell>Data 7</sc-table-cell>
			<sc-table-cell>Data 8</sc-table-cell>
			<sc-table-cell>Data 9</sc-table-cell>
		</sc-table-row>
	</sc-table>
</sc-card>

Code

Column 1Column 2Column 3Data 1Data 2Data 3Data 4Data 5Data 6Data 7Data 8Data 9

Component Codex

Used By

• sc-checkout-stock-alert