Is there a way to adjust the font size for DataTable?

Hi there,

I've been looking for ways to adjust the font size for DataTable. The issue I have is somehow the header row's text font size is too large and the height of the row does not auto adjust to fit the text...

I only found parameters for font type, bold, italic, etc in the docs. So any tip would be greatly appreciated!

Thanks.

Will

AFAIK there are no Bokeh model properties that expose this. So that leaves CSS styling in a template, etc. I’m afraid your best best is probably opening up your browser inspector and looking for the relevant DOM elements and their CSS selectors that you could use to style. As a general note, for built-in widgets, etc. we typically prefix any third-parts CSS with “bk-” as you can see in the screen shot below, with all the slickgrid selectors prefixed.

···

On Jul 1, 2016, at 5:21 PM, Will Zhang [email protected] wrote:

Hi there,

I’ve been looking for ways to adjust the font size for DataTable. The issue I have is somehow the header row’s text font size is too large and the height of the row does not auto adjust to fit the text…

I only found parameters for font type, bold, italic, etc in the docs. So any tip would be greatly appreciated!

Thanks.

Will


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 [email protected].
To post to this group, send email to [email protected].
To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/d634489c-248d-42b1-ae0f-b7fe1733a1f2%40continuum.io.
For more options, visit https://groups.google.com/a/continuum.io/d/optout.

I see, let me try to play around with this. Thanks Bryan.

···

On Jul 2, 2016, at 19:27, Bryan Van de Ven [email protected] wrote:

AFAIK there are no Bokeh model properties that expose this. So that leaves CSS styling in a template, etc. I’m afraid your best best is probably opening up your browser inspector and looking for the relevant DOM elements and their CSS selectors that you could use to style. As a general note, for built-in widgets, etc. we typically prefix any third-parts CSS with “bk-” as you can see in the screen shot below, with all the slickgrid selectors prefixed.

<Screen Shot 2016-07-02 at 12.24.57 PM.png>

On Jul 1, 2016, at 5:21 PM, Will Zhang [email protected] wrote:

Hi there,

I’ve been looking for ways to adjust the font size for DataTable. The issue I have is somehow the header row’s text font size is too large and the height of the row does not auto adjust to fit the text…

I only found parameters for font type, bold, italic, etc in the docs. So any tip would be greatly appreciated!

Thanks.

Will


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 [email protected].
To post to this group, send email to [email protected].
To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/d634489c-248d-42b1-ae0f-b7fe1733a1f2%40continuum.io.
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 [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/5CB27F4C-DCF6-4A8A-9CB0-D66FA1505DFF%40continuum.io.

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