☰Read-only archive⌕
Looking for help with Bokeh?

This is a read-only archive. Ask questions and join the conversation on GitHub.

Visit Community Support on GitHub →
Archived discussions · Captured October 28, 2026

Datatable (variable cell height to wrap text)

Community Support
Arthur_Dijkstra
Arthur_Dijkstra

LS,
I’ve a column with variable (for each row) number of characters.

How can I configure the (variable) row height so that all the text in the column is shown ?

In other words; how can I configure (CSS) a cell so that the long text is wrapped in the cell ?

Thanks

⌁   Link to post
Sarah_Bird3
Sarah_Bird3

Hi Arthur,

Just wanted to say that I don’t have a good answer on this I’m afraid. I previously looked at styling the datatable and it seemed hard so I didn’t do it :s - sorry to not be more help.

Bird

···

On Mon, Jul 27, 2015 at 1:56 PM, Arthur Dijkstra artdijk@gmail.com wrote:

LS,
I’ve a column with variable (for each row) number of characters.

How can I configure the (variable) row height so that all the text in the column is shown ?

In other words; how can I configure (CSS) a cell so that the long text is wrapped in the cell ?

Thanks

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/252f3ff2-8367-448e-8324-99a5dd9347c8%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

⌁   Link to post
Bryan
Bryan

I don’t have a good answer either but will add the table is based in SlickGrid so you might look at the SlickGrid docs for more info.

Bryan

···

On Mon, Jul 27, 2015 at 1:56 PM, Arthur Dijkstra artdijk@gmail.com wrote:

LS,
I’ve a column with variable (for each row) number of characters.

How can I configure the (variable) row height so that all the text in the column is shown ?

In other words; how can I configure (CSS) a cell so that the long text is wrapped in the cell ?

Thanks

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/252f3ff2-8367-448e-8324-99a5dd9347c8%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

⌁   Link to post
Fabio_Pliger
Fabio_Pliger

Hi,

Here are a few css rules that we’ve used to style the datatable look and feel on a project. They are not exactly what you’ve asked for but may be helpful…

.modalDialog.modalTarget .bk-slick-cell,

#table_container .bk-slick-cell {

margin-top: 1px;

border: none;

font-size: 12.5px;

letter-spacing: 0.02em;

}

.modalDialog.modalTarget .bk-slick-row:hover,

.modalDialog.modalTarget .bk-slick-row:hover + div,

#table_container .bk-slick-row:hover,

#table_container .bk-slick-row:hover + div {

border-top: 2px solid #588ED7;

margin-top: -2px;

height: 23px;

}

.modalDialog.modalTarget .bk-slick-row:hover + div,

#table_container .bk-slick-row:hover + div {

margin-top: -2px;

height: 23px;

}

.modalDialog.modalTarget .bk-slick-row:hover > div:first-child,

#table_container .bk-slick-row:hover > div:first-child {

font-weight: bolder;

}

cheers

Fabio

···

On Mon, Jul 27, 2015 at 4:15 PM, Bryan Van de Ven bryan@bokeh.org wrote:

I don’t have a good answer either but will add the table is based in SlickGrid so you might look at the SlickGrid docs for more info.

Bryan

On Jul 27, 2015, at 05:10, Sarah Bird sbird@alum.mit.edu wrote:

Hi Arthur,

Just wanted to say that I don’t have a good answer on this I’m afraid. I previously looked at styling the datatable and it seemed hard so I didn’t do it :s - sorry to not be more help.

Bird

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/CA%2BEr%2BdTdTM0RJL%2BqtJ1UfJm-fsx5NMGoKOtLQW6cLNEfz2QeXg%40mail.gmail.com.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/6F219748-A907-4C4B-888B-7EDC8730D845%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

–

On Mon, Jul 27, 2015 at 1:56 PM, Arthur Dijkstra artdijk@gmail.com wrote:

LS,
I’ve a column with variable (for each row) number of characters.

How can I configure the (variable) row height so that all the text in the column is shown ?

In other words; how can I configure (CSS) a cell so that the long text is wrapped in the cell ?

Thanks

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/252f3ff2-8367-448e-8324-99a5dd9347c8%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

Fabio Pliger

⌁   Link to post
Schaun_Wheeler
Schaun_Wheeler

This doesn’t appear to be possible in the current SlickGrid implementation:

SlickGrid assumes uniform row height.

···

On Monday, July 27, 2015 at 7:56:51 AM UTC-4, Arthur Dijkstra wrote:

LS,
I’ve a column with variable (for each row) number of characters.

How can I configure the (variable) row height so that all the text in the column is shown ?

In other words; how can I configure (CSS) a cell so that the long text is wrapped in the cell ?

Thanks

⌁   Link to post
Sarah_Bird3
Sarah_Bird3

Thanks for sharing that Schaun - very helpful.

···

On Tue, Jul 28, 2015 at 3:28 PM, Schaun Wheeler schaun.wheeler@gmail.com wrote:

This doesn’t appear to be possible in the current SlickGrid implementation:

https://github.com/mleibman/SlickGrid/issues/122

SlickGrid assumes uniform row height.

On Monday, July 27, 2015 at 7:56:51 AM UTC-4, Arthur Dijkstra wrote:

LS,
I’ve a column with variable (for each row) number of characters.

How can I configure the (variable) row height so that all the text in the column is shown ?

In other words; how can I configure (CSS) a cell so that the long text is wrapped in the cell ?

Thanks

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+unsubscribe@continuum.io.

To post to this group, send email to bokeh@continuum.io.

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/59ca898e-6ca7-4f24-9a4f-3a32b0996e1d%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

⌁   Link to post

End of archived discussion · Replies are disabled