Modifying Table HTML Example
On this page
Stats
#callbacks:
#callbacks:
Building the table
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
buildTable = () =>
new Table6Base with Table6BootrapStyling with Table6StandardColumns with Table6SeqDataSource with Table6PaginatedWithSeqDataSource {
override type R = Country
val ColName = ColStr("Name", _.name.common)
val ColCapital = ColStr("Capital", _.capital.mkString(", "))
val ColRegion = ColStr("Region", _.region)
val ColArea = ColStr("Area", _.area.toString, rows => s"Total Area: ${rows.map(_.area).sum}")
override def columns(): List[C] = List(
ColName,
ColCapital,
ColRegion,
ColArea
)
override def tableFootEnabled: Boolean = true
override def seqRowsSource: Seq[Country] = CountriesData.data.take(3)
}
buildTable().render()onTableWrapper method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableWrapper(_.border.border_danger.border_5).render()onTable method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTable(_.border.border_danger.border_5).render()onTableHead method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableHead(_.border.border_danger.border_5).render()onTableHeadTr method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableHeadTr(_.border.border_danger.border_5).render()onAllTableHeadTrTh method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableHeadTrTh(_.border.border_danger.border_5).render()onTableBody method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableBody(_.border.border_danger.border_5).render()onAllTableBodyTR method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableBodyTR(_.border.border_danger.border_5).render()onAllTableBodyTRTD method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableBodyTRTD(_.border.border_danger.border_5).render()onAllTableFoot method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFoot(_.border.border_danger.border_5).render()onAllTableFootTR method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFootTR(_.border.border_danger.border_5).render()onAllTableFootTrTh method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
Showing 3 of 3
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFootTrTh(_.border.border_danger.border_5).render()