Update samples/UsingWebLib/Demo/bootstrap.ring - Using Tables
@@ -29,6 +29,39 @@ Func testbootstrap
divend()
+ divstart([ :class = :row ])
+ tableStart([ :class = "table table-striped" ])
+ theadStart([])
+ rowStart([])
+ cellStart([]) text("#") cellEnd()
+ cellStart([]) text("Language") cellEnd()
+ cellStart([]) text("Creator") cellEnd()
+ cellStart([]) text("Year") cellEnd()
+ rowEnd()
+ theadEnd()
+ tbodyStart([])
+ rowStart([])
+ cellStart([]) text("1") cellEnd()
+ cellStart([]) text("Python") cellEnd()
+ cellStart([]) text("Guido van Rossum") cellEnd()
+ cellStart([]) text("1991") cellEnd()
+ rowEnd()
+ rowStart([])
+ cellStart([]) text("2") cellEnd()
+ cellStart([]) text("Ruby") cellEnd()
+ cellStart([]) text("Yukihiro Matsumoto") cellEnd()
+ cellStart([]) text("1995") cellEnd()
+ rowEnd()
+ rowStart([])
+ cellStart([]) text("3") cellEnd()
+ cellStart([]) text("Ring") cellEnd()
+ cellStart([]) text("Mahmoud Fayed") cellEnd()
+ cellStart([]) text("2016") cellEnd()
+ rowEnd()
+ tbodyEnd()
+ tableEnd()
+ divend()
+
divend()
}
@@ -150,6 +183,41 @@ Func testbootstrap2
}
}
}
+
+ table {
+ classname = "table table-striped"
+ thead {
+ tr {
+ td { text("#") }
+ td { text("Language") }
+ td { text("Creator") }
+ td { text("Year") }
+ }
+ }
+ tbody {
+ tr {
+ td { text("1") }
+ td { text("Python") }
+ td { text("Gudio van Rossum") }
+ td { text("1991") }
+ }
+ tr {
+ td { text("2") }
+ td { text("Ruby") }
+ td { text("Yukihiro Matsumoto") }
+ td { text("1995") }
+ }
+ tr {
+ td { text("3") }
+ td { text("Ring") }
+ td { text("Mahmoud Fayed") }
+ td { text("2016") }
+ }
+ }
+ }
+
+
+
}
}
@@ -529,6 +597,38 @@ Func testbootstrap3
</div>
+ <table class="table table-striped">
+ <thead>
+ <tr>
+ <th scope="col">#</th>
+ <th scope="col">Language</th>
+ <th scope="col">Creator</th>
+ <th scope="col">Year</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <th scope="row">1</th>
+ <td>Python</td>
+ <td>Guido van Rossum</td>
+ <td>1991</td>
+ </tr>
+ <tr>
+ <th scope="row">2</th>
+ <td>Ruby</td>
+ <td>Yukihiro Matsumoto</td>
+ <td>1995</td>
+ </tr>
+ <tr>
+ <th scope="row">3</th>
+ <td>Ring</td>
+ <td>Mahmoud</td>
+ <td>2016</td>
+ </tr>
+ </tbody>
+ </table>
+
+
</div>
