☰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

How to set row height of DataTable?

Community Support
Jack_Guo
Jack_Guo

Hi,

I am running Bokeh server and embedded the server doc in the html. I can’t seem to find a way to set row height (currently it defaults to 20px in slick grid) in the bokeh app when creating the DataTable. I tried to set through external css (see below) in the html, but only the cell height is updated, but not row height.
.bk-root .slick-row {
line-height: 40px !important;

}

Any help appreciated!

Jack

⌁   Link to post
Dennis_O_Brien
Dennis_O_Brien

Hi Jack,

I know this is an old thread, but I recently did a PR to allow for overriding the default row height. Add support for setting the DataTable row height by dennisobrien · Pull Request #8412 · bokeh/bokeh · GitHub

This should make it in to the next release.

cheers,

Dennis

···

On Thursday, April 19, 2018 at 3:31:00 AM UTC+3, Jack Guo wrote:

Hi,

I am running Bokeh server and embedded the server doc in the html. I can’t seem to find a way to set row height (currently it defaults to 20px in slick grid) in the bokeh app when creating the DataTable. I tried to set through external css (see below) in the html, but only the cell height is updated, but not row height.
.bk-root .slick-row {
line-height: 40px !important;

}

Any help appreciated!

Jack

⌁   Link to post
tony12624120
tony12624120

You could try to use a custom styles like in this example: https://groups.google.com/a/continuum.io/forum/#!topic/bokeh/VG94SmNMWj0
Possibly setting “height” or “min-height” attribute for the .bk-root .bk-slick-cell or .bk-root .bk-slick-row styles could work…?

···

On Thursday, April 19, 2018 at 2:31:00 AM UTC+2, Jack Guo wrote:

Hi,

I am running Bokeh server and embedded the server doc in the html. I can’t seem to find a way to set row height (currently it defaults to 20px in slick grid) in the bokeh app when creating the DataTable. I tried to set through external css (see below) in the html, but only the cell height is updated, but not row height.
.bk-root .slick-row {
line-height: 40px !important;

}

Any help appreciated!

Jack

⌁   Link to post
Dennis_O_Brien
Dennis_O_Brien

I don’t think that works for DataTable. You can override the height of each row with CSS, but it doesn’t change the offset of each row, so the rows overlap. It looked like the offset of each row is computed using the row height which defaults to 25. I looked into this a bit, ran into too many dead ends, then figured it would be easier and cleaner to support overriding the row height from the Python code when creating the DataTable. If you find a working way to do this with CSS I’d be interested.

cheers,

Dennis

···

On Mon, Nov 19, 2018 at 2:41 PM tony12624120@gmail.com wrote:

You could try to use a custom styles like in this example: https://groups.google.com/a/continuum.io/forum/#!topic/bokeh/VG94SmNMWj0
Possibly setting “height” or “min-height” attribute for the .bk-root .bk-slick-cell or .bk-root .bk-slick-row styles could work…?

On Thursday, April 19, 2018 at 2:31:00 AM UTC+2, Jack Guo wrote:

Hi,

I am running Bokeh server and embedded the server doc in the html. I can’t seem to find a way to set row height (currently it defaults to 20px in slick grid) in the bokeh app when creating the DataTable. I tried to set through external css (see below) in the html, but only the cell height is updated, but not row height.
.bk-root .slick-row {
line-height: 40px !important;

}

Any help appreciated!

Jack

–

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/0fc3c6c0-c52a-4bcf-b1ea-fa1e4bc31a78%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