Moon Liveview Storybook

Table

Username	User Email	Status	Money
John Doe #1	[email protected]	Status 1	977 EURO
John Doe #2	[email protected]	Status 2	356 EURO
John Doe #3	[email protected]	Status 3	946 EURO
John Doe #4	[email protected]	Status 4	356 EURO
John Doe #5	[email protected]	Status 5	1270 EURO
John Doe #6	[email protected]	Status 6	1145 EURO
John Doe #7	[email protected]	Status 7	1100 EURO
John Doe #8	[email protected]	Status 8	651 EURO
John Doe #9	[email protected]	Status 9	252 EURO
John Doe #10	[email protected]	Status 10	795 EURO

Attribute	Type	Documentation	Default
Required id *	:string	Unique ID of table
Required data *	:any	Data to be displayed in the table.
class	:string	CSS class for the table.	""
body_background_color	:string	The background color of the table body (the color of the gap between the rows of the table).	"bg-primary"
default_row_background_color	:string	Default row background color.	"odd:bg-primary"
even_row_background_color	:string	Even row background color.	"even:bg-primary"
header_background_color	:string	The background color of the both table header and footer.	"bg-tertiary"
header_text_color	:string	The text color of the Header	"text-primary"
row_gap	:integer	Gap between table body rows in px.	2
cell_borders	:boolean	Enable the Cell Borders.	false
event_on_table_sorting_change	:string	This event will be called when sorting changes.	"table_sorting_change"
event_on_table_row_click	:string	This event will be called when click on row happen.
text_clip	:string	Sets the type of clipping of long data inside a table cell.	"auto"
rest	:global	Additional attributes for the table
target	:string	The target for the live_component
sorting_icon	:slot	Sorting Icon
cell	:slot	Render function for the table cell
footer	:slot	Footer of the table, useful for pagination
inner_block	:slot	Inner block of the table