; MaterialSB Example - Tables ; This example demonstrates the table component. IncludeFile "MaterialSB.sbi" EnableExplicit Procedure Main(Result) Protected t, item UseModule MaterialSB SetDarkTheme(#False) ; Navbar Navbar(#Navbar_Shadow1 | #Navbar_Container) NavbarAddLogo("Tables") ; Tables Section Row(#Grid_Container) Col(12) Append("

Table Component

") Append("

Tables help organize data. MaterialSB supports striped, highlighted, centered, and responsive tables.

") CloseCurrentParent(2) ; Basic Table Row(#Grid_Container) Col(12, 6) Append("
Basic Table
") t = Table("Name", #Table_Default) TableAddColumn("Age", t) TableAddColumn("Country", t) TableAddItem("Alice" + Chr(10) + "28" + Chr(10) + "France", t) TableAddItem("Bob" + Chr(10) + "34" + Chr(10) + "Germany", t) TableAddItem("Charlie" + Chr(10) + "22" + Chr(10) + "UK", t) CloseCurrentParent() ; Striped and Highlighted Table Col(12, 6) Append("
Striped & Highlighted
") t = Table("Product", #Table_Striped | #Table_Highlight) TableAddColumn("Price", t) TableAddColumn("Stock", t) TableAddItem("Widget A" + Chr(10) + "$19.99" + Chr(10) + "150", t) TableAddItem("Widget B" + Chr(10) + "$29.99" + Chr(10) + "75", t) TableAddItem("Widget C" + Chr(10) + "$9.99" + Chr(10) + "300", t) TableAddItem("Widget D" + Chr(10) + "$49.99" + Chr(10) + "25", t) CloseCurrentParent(2) ; Table flags reference Row(#Grid_Container) Col(12) Append("
Table Flags
") t = Table("Flag", #Table_Striped | #Table_Centered) TableAddColumn("Effect", t) TableAddItem("#Table_Default" + Chr(10) + "Plain table with no styling", t) TableAddItem("#Table_Striped" + Chr(10) + "Alternating row colors", t) TableAddItem("#Table_Highlight" + Chr(10) + "Highlight row on hover", t) TableAddItem("#Table_Centered" + Chr(10) + "Center-align all content", t) TableAddItem("#Table_Responsive" + Chr(10) + "Horizontal scroll on small screens", t) CloseCurrentParent(2) AutoInit() UnuseModule MaterialSB EndProcedure MaterialSB::Download(@Main()) ; IDE Options = SpiderBasic 3.10 (Windows - x86) ; CursorPosition = 1 ; Folding = - ; iOSAppOrientation = 0 ; AndroidAppCode = 0 ; AndroidAppOrientation = 0 ; EnableXP ; DPIAware ; CompileSourceDirectory