Skip to content

Commit c19c878

Browse files
committed
Use full width for the column control examples
1 parent 87c95ee commit c19c878

File tree

2 files changed

+10
-6
lines changed

2 files changed

+10
-6
lines changed

docs/options/column_control.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,6 @@ The [`columnControl`](https://datatables.net/extensions/columncontrol/config) op
1919
The examples should give you a quick sense of how to use `columnControl`. You are invited to consult the datatables documentation for many more column control [examples](https://datatables.net/extensions/columncontrol/examples/) - see also Allan's [post](https://datatables.net/blog/2025/columncontrol) in which the extension was introduced.
2020

2121
```{code-cell} ipython3
22-
:tags: [full-width]
23-
2422
import itables
2523
2624
itables.init_notebook_mode()
@@ -33,6 +31,8 @@ df = itables.sample_dfs.get_countries()
3331
The `columnControl` option can take as value the list of controls that should be added to the table columns.
3432

3533
```{code-cell} ipython3
34+
:tags: [full-width]
35+
3636
itables.show(
3737
df,
3838
columnControl=["order", "colVisDropdown", "searchDropdown"],
@@ -51,6 +51,8 @@ you probably want to deactivate the default ordering icons - that's the purpose
5151
Nested lists are mapped to dropdowns:
5252

5353
```{code-cell} ipython3
54+
:tags: [full-width]
55+
5456
itables.show(
5557
df,
5658
columnControl=["order", ["orderAsc", "orderDesc", "search"]],
@@ -63,6 +65,8 @@ itables.show(
6365
The column controls can also be added to a table footer:
6466

6567
```{code-cell} ipython3
68+
:tags: [full-width]
69+
6670
itables.show(
6771
df,
6872
columnControl=[

docs/py/options/column_control.py

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
#
2222
# The examples should give you a quick sense of how to use `columnControl`. You are invited to consult the datatables documentation for many more column control [examples](https://datatables.net/extensions/columncontrol/examples/) - see also Allan's [post](https://datatables.net/blog/2025/columncontrol) in which the extension was introduced.
2323

24-
# %% tags=["full-width"]
24+
# %%
2525
import itables
2626

2727
itables.init_notebook_mode()
@@ -33,7 +33,7 @@
3333
#
3434
# The `columnControl` option can take as value the list of controls that should be added to the table columns.
3535

36-
# %%
36+
# %% tags=["full-width"]
3737
itables.show(
3838
df,
3939
columnControl=["order", "colVisDropdown", "searchDropdown"],
@@ -51,7 +51,7 @@
5151
#
5252
# Nested lists are mapped to dropdowns:
5353

54-
# %%
54+
# %% tags=["full-width"]
5555
itables.show(
5656
df,
5757
columnControl=["order", ["orderAsc", "orderDesc", "search"]],
@@ -63,7 +63,7 @@
6363
#
6464
# The column controls can also be added to a table footer:
6565

66-
# %%
66+
# %% tags=["full-width"]
6767
itables.show(
6868
df,
6969
columnControl=[

0 commit comments

Comments
 (0)