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 |
buildTable = () =>
new Table6Base with Table6BootrapStyling with Table6StandardColumns with Table6SeqDataSource with Table6Paginated {
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 |
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 |
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 |
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 |
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableHeadTr(_.border.border_danger.border_5).render()onAllTableHeadTrThClasses method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableHeadTrTh(_.border.border_danger.border_5).render()onTableBodyClasses method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableBody(_.border.border_danger.border_5).render()onAllTableBodyTRClasses method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableBodyTR(_.border.border_danger.border_5).render()onAllTableBodyTRTDClasses method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableBodyTRTD(_.border.border_danger.border_5).render()onAllTableFootClasses method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFoot(_.border.border_danger.border_5).render()onAllTableFootTRClasses method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFootTR(_.border.border_danger.border_5).render()onAllTableFootTrThClasses method
| Name | Capital | Region | Area |
|---|---|---|---|
| Aruba | Oranjestad | Americas | 180.0 |
| Afghanistan | Kabul | Asia | 652230.0 |
| Angola | Luanda | Africa | 1246700.0 |
| Total Area: 1899110.0 |
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFootTrTh(_.border.border_danger.border_5).render()