mixin view-table 
    +view('table', 'Table')
        .c-box
            +table(interactive=true)
                +table-head
                    +table-row 
                        +table-head-cell= 'Title'
                        +table-head-cell= 'Title'
                        +table-head-cell= 'Title'
                +table-body
                    +table-row 
                        +table-cell= 'Row 1,1'
                        +table-cell= 'Row 1,2'
                        +table-cell= 'Row 1,3'
                    +table-row 
                        +table-cell= 'Row 2,1'
                        +table-cell= 'Row 2,2'
                        +table-cell= 'Row 2,3'
                    +table-row 
                        +table-cell= 'Row 3,1'
                        +table-cell= 'Row 3,2'
                        +table-cell= 'Row 3,3'
                    +table-row 
                        +table-cell= 'Row 4,1'
                        +table-cell= 'Row 4,2'
                        +table-cell= 'Row 4,3'

        .c-box
            +table(flush=true)
                +table-head
                    +table-row 
                        +table-head-cell= 'Title'
                        +table-head-cell= 'Title'
                        +table-head-cell= 'Title'
                +table-body
                    +table-row 
                        +table-cell= 'Row 1,1'
                        +table-cell= 'Row 1,2'
                        +table-cell= 'Row 1,3'
                    +table-row 
                        +table-cell= 'Row 2,1'
                        +table-cell= 'Row 2,2'
                        +table-cell= 'Row 2,3'
                    +table-row 
                        +table-cell= 'Row 3,1'
                        +table-cell= 'Row 3,2'
                        +table-cell= 'Row 3,3'
                    +table-row 
                        +table-cell= 'Row 4,1'
                        +table-cell= 'Row 4,2'
                        +table-cell= 'Row 4,3'

        .c-box
            +table(box=true)
                +table-head
                    +table-row 
                        +table-head-cell= 'Title'
                        +table-head-cell= 'Title'
                        +table-head-cell= 'Title'
                +table-body
                    +table-row 
                        +table-cell(divider=true)= 'Row 1,1'
                        +table-cell= 'Row 1,2'
                        +table-cell= 'Row 1,3'
                    +table-row 
                        +table-cell(divider=true)= 'Row 2,1'
                        +table-cell= 'Row 2,2'
                        +table-cell= 'Row 2,3'
                    +table-row 
                        +table-cell(divider=true)= 'Row 3,1'
                        +table-cell= 'Row 3,2'
                        +table-cell= 'Row 3,3'
                    +table-row 
                        +table-cell(divider=true)= 'Row 4,1'
                        +table-cell= 'Row 4,2'
                        +table-cell= 'Row 4,3'

        .c-box
            +table(box=true sm=true)
                +table-head
                    +table-row 
                        +table-head-cell= 'Title'
                        +table-head-cell= 'Title'
                        +table-head-cell= 'Title'
                +table-body
                    +table-row 
                        +table-cell= 'Row 1,1'
                        +table-cell= 'Row 1,2'
                        +table-cell= 'Row 1,3'
                    +table-row 
                        +table-cell= 'Row 2,1'
                        +table-cell= 'Row 2,2'
                        +table-cell= 'Row 2,3'
                    +table-row 
                        +table-cell= 'Row 3,1'
                        +table-cell= 'Row 3,2'
                        +table-cell= 'Row 3,3'
                    +table-row 
                        +table-cell= 'Row 4,1'
                        +table-cell= 'Row 4,2'
                        +table-cell= 'Row 4,3'

        .c-box.s-tables
            table
                thead
                    tr
                        th= 'Title'
                        th= 'Title'
                        th= 'Title'
                tbody
                    tr
                        td= 'Row 1,1'
                        td= 'Row 1,2'
                        td= 'Row 1,3'
                    tr
                        td= 'Row 2,1'
                        td= 'Row 2,2'
                        td= 'Row 2,3'
                    tr
                        td= 'Row 3,1'
                        td= 'Row 3,2'
                        td= 'Row 3,3'
                    tr
                        td= 'Row 4,1'
                        td= 'Row 4,2'
                        td= 'Row 4,3'