How to show tabset in full window with?

[hopezh]

Description

In the example qmd file below, the first python code block and the output of the other two code blocks in a tabset can be rendered in full window width, using the #| column: screen option.

However, the tabset itself still occupies only the middle part of a page.

May I ask if there is a way to make the tabset to expend to full screen width, too?

Thanks.

Image of the rendered page:

The test.qmd file:

---
format: 
    html:
        page-layout: full
---

# Calculate num of modules along two edges of each module cluster outline

\```{python}
#| column: screen
import math
import numpy as np
import pandas as pd
import polars as pl
print('numpy:', np.__version__)
print('pandas:', pd.__version__)
print('polars:', pl.__version__)
\```

Read the data.

::: {.panel-tabset}

## polars

\```{python}
#| column: screen
csv_path = './1 tw_taizhong_sanying/test_L2P.csv'

df = pl.read_csv(csv_path)
df
\```

## pandas


\```{python}
#| column: screen
csv_path = './1 tw_taizhong_sanying/test_L2P.csv'

df = pd.read_csv(csv_path)
df.head()
\```

:::

[mcanouil]

Could you edit your code to not use \? Simply use more backticks to enclose the code, i.e., four in your case.

[Pierre9344]

You can do that by having your tabset inside a column-screen div.

::: {.column-screen}
::: {.panel-tabset}

## polars

```{python}
#| column: screen
csv_path = './1 tw_taizhong_sanying/test_L2P.csv'

df = pl.read_csv(csv_path)
df
```

## pandas

```{python}
#| column: screen
csv_path = './1 tw_taizhong_sanying/test_L2P.csv'

df = pd.read_csv(csv_path)
df.head()
```

:::

:::

[mcanouil]

A bit of explanation here:

#| column: screen controls the code cells and outputs display which is conditional to its surroundings.
If you want the tabset to span full screen, then as showed you need to tell Quarto that the tabset should span full screen.

By default code cells will occupy the available space, so #| column: screen becomes useless.
The following is enough:

---
title: "Quarto Playground"
format: html
---

::: {.column-screen}
::: {.panel-tabset}

## polars

```{python}
csv_path = './1 tw_taizhong_sanying/test_L2P.csv'

df = pl.read_csv(csv_path)
df
```

## pandas

```{python}
csv_path = './1 tw_taizhong_sanying/test_L2P.csv'

df = pd.read_csv(csv_path)
df.head()
```

:::

:::

[hopezh]

Thank you @Pierre9344 and @mcanouil very much!