`uwc-table`

This highlights common use-cases/recipes for using uwc-table. To see how these examples work it's beneficial to open the dev tools now and check the structure of each example.
Most of the time you should be able to use it without any additional JS and for the times where JS really is necessary Hyperscript is a perfect match, enabling you to embed scripts into the _ property of an element.

Simple Table

A plain and simple table. Using this has no benefit over the regular table element.


          
            
              Make
              Model
              Price
            
            
              Ferrari
              458
              150.000$
            
            
              Lamborghini
              Aventador
              400.000$
            
            
              Porsche
              RS GT3
              300.000$

Nested Rows

uwc-table can be used to build tables with nested rows


          
            
              Category
              
                Metals
                Melting Point
                Molar Heat Cap.
                
                  Lithium
                  453.65K
                  24.860J
                
                
                  Iron
                  1811K
                  25.10J
                
              
              
                Animals
                
                  Cats
                  Cuteness
                  Sleepiness
                  
                    Maine Coone
                    7
                    5
                  
                  
                    European Short Hair
                    8
                    8
                  
                
                
                  Dogs
                  Size
                  Fluffiness
                  
                    Labrador
                    9
                    3
                  
                  
                    German Shepherd
                    7
                    3