Table
Table block that has a standard layout for desktop. On mobie it breaks each data row into a sub table and displays them in a 2xcol table.
Table block that has a standard layout for desktop. On mobie it breaks each data row into a sub table and displays them in a 2xcol table.
To use this element: @include('.srv.www.cerbaresearch.com.releases.20230519093122.web.app.themes.cerba.resources....library.blocks.table.table', $options)
Options used for this example:
[
"title" => "Module heading lorem ipsum dolor",
"element" => "th",
"column_headings" => [
[
"column_heading" => "Lorem ipsum dolor sit amet, consectetur"
],
[
"column_heading" => "Lorem ipsum"
],
[
"column_heading" => "Lorem ipsum"
],
[
"column_heading" => "Lorem ipsum"
],
[
"column_heading" => "Lorem ipsum"
],
[
"column_heading" => "Lorem ipsum"
]
],
"body_rows" => [
[
"cells" => [
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
],
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
],
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
]
]
],
[
"cells" => [
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
],
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
],
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
]
]
],
[
"cells" => [
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
],
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
],
[
"text" => "Lorem ipsum dolor sit amet."
],
[
"text" => "XXXX"
]
]
]
]
]
Lorem ipsum dolor sit amet, consectetur | Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
---|---|---|---|---|---|
Lorem ipsum dolor sit amet. | XXXX | Lorem ipsum dolor sit amet. | XXXX | Lorem ipsum dolor sit amet. | XXXX |
Lorem ipsum dolor sit amet. | XXXX | Lorem ipsum dolor sit amet. | XXXX | Lorem ipsum dolor sit amet. | XXXX |
Lorem ipsum dolor sit amet. | XXXX | Lorem ipsum dolor sit amet. | XXXX | Lorem ipsum dolor sit amet. | XXXX |
Lorem ipsum dolor sit amet, consectetur | |
---|---|
Lorem ipsum | XXXX |
Lorem ipsum | Lorem ipsum dolor sit amet. |
Lorem ipsum | XXXX |
Lorem ipsum | Lorem ipsum dolor sit amet. |
Lorem ipsum | XXXX |
Lorem ipsum dolor sit amet, consectetur | |
---|---|
Lorem ipsum | XXXX |
Lorem ipsum | Lorem ipsum dolor sit amet. |
Lorem ipsum | XXXX |
Lorem ipsum | Lorem ipsum dolor sit amet. |
Lorem ipsum | XXXX |
Lorem ipsum dolor sit amet, consectetur | |
---|---|
Lorem ipsum | XXXX |
Lorem ipsum | Lorem ipsum dolor sit amet. |
Lorem ipsum | XXXX |
Lorem ipsum | Lorem ipsum dolor sit amet. |
Lorem ipsum | XXXX |