Datatable (variable cell height to wrap text)

Community Support
1

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

2

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 [email protected] 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 [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/252f3ff2-8367-448e-8324-99a5dd9347c8%40continuum.io.

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

3

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 [email protected] 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 [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/252f3ff2-8367-448e-8324-99a5dd9347c8%40continuum.io.

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

4

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 [email protected] 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 [email protected] 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 [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/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 [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/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 [email protected] 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 [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/252f3ff2-8367-448e-8324-99a5dd9347c8%40continuum.io.

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

Fabio Pliger

5

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

6

Thanks for sharing that Schaun - very helpful.

···

On Tue, Jul 28, 2015 at 3:28 PM, Schaun Wheeler [email protected] 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 [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/59ca898e-6ca7-4f24-9a4f-3a32b0996e1d%40continuum.io.

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