Various kinds of data table (data grid) widgets.
AvgAggregator
Bases: bokeh.models.widgets.tables.RowAggregator
bokeh.models.widgets.tables.RowAggregator
Simple average across multiple rows.
{ "field_": "", "id": "14731", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
BooleanFormatter
Bases: bokeh.models.widgets.tables.CellFormatter
bokeh.models.widgets.tables.CellFormatter
Boolean (check mark) cell formatter.
icon
property type: Enum ( Enumeration(check, check-circle, check-circle-o, check-square, check-square-o) )
Enum
The icon visualizing the check mark.
{ "icon": "check", "id": "14732", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
CellFormatter
Bases: bokeh.model.Model
bokeh.model.Model
Abstract base class for data table’s cell formatters.
Note
This is an abstract base class used to help organize the hierarchy of Bokeh model types. It is not useful to instantiate on its own.
{ "id": "14734", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
CellEditor
Abstract base class for data table’s cell editors.
{ "id": "14735", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
CheckboxEditor
Bases: bokeh.models.widgets.tables.CellEditor
bokeh.models.widgets.tables.CellEditor
Boolean value cell editor.
{ "id": "14736", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
DataCube
Bases: bokeh.models.widgets.tables.DataTable
bokeh.models.widgets.tables.DataTable
Specialized DataTable with collapsing groups, totals, and sub-totals.
grouping
property type: List ( Instance ( GroupingInfo ) )
List
Instance
GroupingInfo
Describe what aggregation operations used to define sub-totals and totals
target
property type: Instance ( DataSource )
DataSource
Two column datasource (row_indices & labels) describing which rows of the data cubes are expanded or collapsed
{ "align": "start", "aspect_ratio": null, "background": null, "columns": [], "css_classes": [], "default_size": 300, "disabled": false, "editable": false, "fit_columns": true, "grouping": [], "header_row": true, "height": 400, "height_policy": "auto", "id": "14737", "index_header": "#", "index_position": 0, "index_width": 40, "js_event_callbacks": {}, "js_property_callbacks": {}, "margin": [ 5, 5, 5, 5 ], "max_height": null, "max_width": null, "min_height": null, "min_width": null, "name": null, "orientation": "horizontal", "reorderable": true, "row_height": 25, "scroll_to_selection": true, "selectable": true, "sizing_mode": null, "sortable": true, "source": null, "subscribed_events": [], "tags": [], "target": null, "view": { "id": "14738", "type": "CDSView" }, "visible": true, "width": 600, "width_policy": "auto" }
DataTable
Bases: bokeh.models.widgets.tables.TableWidget
bokeh.models.widgets.tables.TableWidget
Two dimensional grid for visualisation and editing large amounts of data.
columns
property type: List ( Instance ( TableColumn ) )
TableColumn
The list of child column widgets.
editable
property type: Bool
Bool
Allows to edit table’s contents. Needs cell editors to be configured on columns that are required to be editable.
fit_columns
Whether columns should be fit to the available width. This results in no horizontal scrollbar showing up, but data can get unreadable if there is no enough space available. If set to True, columns’ width is understood as maximum width.
True
header_row
Whether to show a header row with column names at the top of the table.
index_header
property type: String
String
The column header to display for the index column, if it is present.
index_position
property type: Int
Int
Where among the list of columns to insert a column displaying the row index. Negative indices are supported, and specify an index position from the end of the list of columns (i.e. standard Python behaviour).
To prevent the index column from being added, set to None.
If the absolute value of index_position is larger than the length of the columns, then the index will appear at the beginning or end, depending on the sign.
index_width
The width of the index column, if present.
reorderable
Allows the reordering of a table’s columns. To reorder a column, click and drag a table’s header to the desired location in the table. The columns on either side will remain in their previous order.
row_height
The height of each row in pixels.
scroll_to_selection
Whenever a selection is made on the data source, scroll the selected rows into the table’s viewport if none of the selected rows are already in the viewport.
selectable
property type: Either ( Bool , Enum ( Enumeration(checkbox) ) )
Either
Whether a table’s rows can be selected or not. Using checkbox is equivalent to True, but makes selection visible through a checkbox for each row, instead of highlighting rows. Multiple selection is allowed and can be achieved by either clicking multiple checkboxes (if enabled) or using Shift + click on rows.
checkbox
sortable
Allows to sort table’s contents. By default natural order is preserved. To sort a column, click on it’s header. Clicking one more time changes sort direction. Use Ctrl + click to return to natural order. Use Shift + click to sort multiple columns simultaneously.
{ "align": "start", "aspect_ratio": null, "background": null, "columns": [], "css_classes": [], "default_size": 300, "disabled": false, "editable": false, "fit_columns": true, "header_row": true, "height": 400, "height_policy": "auto", "id": "14743", "index_header": "#", "index_position": 0, "index_width": 40, "js_event_callbacks": {}, "js_property_callbacks": {}, "margin": [ 5, 5, 5, 5 ], "max_height": null, "max_width": null, "min_height": null, "min_width": null, "name": null, "orientation": "horizontal", "reorderable": true, "row_height": 25, "scroll_to_selection": true, "selectable": true, "sizing_mode": null, "sortable": true, "source": null, "subscribed_events": [], "tags": [], "view": { "id": "14744", "type": "CDSView" }, "visible": true, "width": 600, "width_policy": "auto" }
DateEditor
Calendar-based date cell editor.
{ "id": "14769", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
DateFormatter
Date cell formatter.
format
property type: Either ( Enum ( DateFormat ), String )
DateFormat
The date format can be any standard strftime format string, as well as any of the following predefined format names:
Format name(s)
Format string
Example Output
ATOM / W3C / RFC-3339 / ISO-8601
ATOM
W3C
RFC-3339
ISO-8601
"%Y-%m-%d"
2014-03-01
COOKIE
"%a, %d %b %Y"
Sat, 01 Mar 2014
RFC-850
"%A, %d-%b-%y"
Saturday, 01-Mar-14
RFC-1123 / RFC-2822
RFC-1123
RFC-2822
"%a, %e %b %Y"
Sat, 1 Mar 2014
RSS / RFC-822 / RFC-1036
RSS
RFC-822
RFC-1036
"%a, %e %b %y"
Sat, 1 Mar 14
TIMESTAMP
(ms since epoch)
1393632000000
Note that in the table some of the format names are synonymous, with identical format names separated by slashes.
This list of supported strftime format codes is reproduced below.
The abbreviated name of the day of the week according to the current locale.
The full name of the day of the week according to the current locale.
The abbreviated month name according to the current locale.
The full month name according to the current locale.
The preferred date and time representation for the current locale.
The century number (year/100) as a 2-digit integer.
The day of the month as a decimal number (range 01 to 31).
Equivalent to %m/%d/%y. (Americans should note that in many other countries %d/%m/%y is rather common. This means that in international context this format is ambiguous and should not be used.)
Like %d, the day of the month as a decimal number, but a leading zero is replaced by a space.
Microsecond as a decimal number, zero-padded on the left (range 000000-999999). This is an extension to the set of directives available to timezone.
Equivalent to %Y-%m-%d (the ISO 8601 date format).
The ISO 8601 week-based year with century as a decimal number. The 4-digit year corresponding to the ISO week number (see %V). This has the same format and value as %Y, except that if the ISO week number belongs to the previous or next year, that year is used instead.
Like %G, but without century, that is, with a 2-digit year (00-99).
Equivalent to %b.
The hour as a decimal number using a 24-hour clock (range 00 to 23).
The hour as a decimal number using a 12-hour clock (range 01 to 12).
The day of the year as a decimal number (range 001 to 366).
The hour (24-hour clock) as a decimal number (range 0 to 23). Single digits are preceded by a blank. (See also %H.)
The hour (12-hour clock) as a decimal number (range 1 to 12). Single digits are preceded by a blank. (See also %I.) (TZ)
The month as a decimal number (range 01 to 12).
The minute as a decimal number (range 00 to 59).
A newline character. Bokeh text does not currently support newline characters.
Nanosecond as a decimal number, zero-padded on the left (range 000000000-999999999). Supports a padding width specifier, i.e. %3N displays 3 leftmost digits. However, this is only accurate to the millisecond level of precision due to limitations of timezone.
Either “AM” or “PM” according to the given time value, or the corresponding strings for the current locale. Noon is treated as “PM” and midnight as “AM”.
Like %p but in lowercase: “am” or “pm” or a corresponding string for the current locale.
The time in a.m. or p.m. notation. In the POSIX locale this is equivalent to %I:%M:%S %p.
The time in 24-hour notation (%H:%M). For a version including the seconds, see %T below.
The number of seconds since the Epoch, 1970-01-01 00:00:00 +0000 (UTC).
The second as a decimal number (range 00 to 60). (The range is up to 60 to allow for occasional leap seconds.)
A tab character. Bokeh text does not currently support tab characters.
The time in 24-hour notation (%H:%M:%S).
The day of the week as a decimal, range 1 to 7, Monday being 1. See also %w.
The week number of the current year as a decimal number, range 00 to 53, starting with the first Sunday as the first day of week 01. See also %V and %W.
The ISO 8601 week number (see NOTES) of the current year as a decimal number, range 01 to 53, where week 1 is the first week that has at least 4 days in the new year. See also %U and %W.
The day of the week as a decimal, range 0 to 6, Sunday being 0. See also %u.
The week number of the current year as a decimal number, range 00 to 53, starting with the first Monday as the first day of week 01.
The preferred date representation for the current locale without the time.
The preferred time representation for the current locale without the date.
The year as a decimal number without a century (range 00 to 99).
The year as a decimal number including the century.
The +hhmm or -hhmm numeric timezone (that is, the hour and minute offset from UTC).
The timezone name or abbreviation.
A literal ‘%’ character.
Warning
The client library BokehJS uses the timezone library to format datetimes. The inclusion of the list below is based on the claim that timezone makes to support “the full compliment of GNU date format specifiers.” However, this claim has not been tested exhaustively against this list. If you find formats that do not function as expected, please submit a github issue, so that the documentation can be updated appropriately.
{ "format": "ISO-8601", "id": "14770", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
Describes how to calculate totals and sub-totals
aggregators
property type: List ( Instance ( RowAggregator ) )
RowAggregator
Describes how to aggregate the columns which will populate this sub-total.
collapsed
Whether the corresponding sub-total is expanded or collapsed by default.
getter
References the column which generates the unique keys of this sub-total (groupby).
{ "aggregators": [], "collapsed": false, "getter": "", "id": "14772", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
HTMLTemplateFormatter
HTML formatter using a template. This uses Underscore’s template method and syntax. http://underscorejs.org/#template The formatter has access other items in the row via the dataContext object passed to the formatter. So, for example, if another column in the datasource was named url, the template could access it as:
<a href="<%= url %>"><%= value %></a>
To use a different set of template delimiters, pass the appropriate values for evaluate, interpolate’, or `escape. See the Underscore template documentation for more information. http://underscorejs.org/#template
Example: Simple HTML template to format the column value as code.
HTMLTemplateFormatter(template='<code><%= value %></code>')
Example: Use values from other columns (manufacturer and model) to build a hyperlink.
HTMLTemplateFormatter(template= '<a href="https:/www.google.com/search?q=<%= manufacturer %>+<%= model %>" target="_blank"><%= value %></a>' )
template
Template string to be used by Underscore’s template method.
{ "id": "14776", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [], "template": "<%= value %>" }
IntEditor
Spinner-based integer cell editor.
step
The major step value.
{ "id": "14778", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "step": 1, "subscribed_events": [], "tags": [] }
MaxAggregator
Largest value across multiple rows.
{ "field_": "", "id": "14780", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
MinAggregator
Smallest value across multiple rows.
{ "field_": "", "id": "14781", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
NumberEditor
Spinner-based number cell editor.
property type: Float
Float
{ "id": "14782", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "step": 0.01, "subscribed_events": [], "tags": [] }
NumberFormatter
Bases: bokeh.models.widgets.tables.StringFormatter
bokeh.models.widgets.tables.StringFormatter
Number cell formatter.
The number format, as defined in the following tables:
NUMBERS:
Number
Format
10000
‘0,0.0000’
10,000.0000
10000.23
‘0,0’
10,000
‘+0,0’
+10,000
-10000
‘0,0.0’
-10,000.0
10000.1234
‘0.000’
10000.123
‘0[.]00000’
10000.12340
‘(0,0.0000)’
(10,000.0000)
-0.23
‘.00’
-.23
‘(.00)’
(.23)
0.23
‘0.00000’
0.23000
‘0.0[0000]’
1230974
‘0.0a’
1.2m
1460
‘0 a’
1 k
-104000
‘0a’
-104k
1
‘0o’
1st
52
52nd
23
23rd
100
100th
CURRENCY:
1000.234
‘$0,0.00’
$1,000.23
1000.2
‘0,0[.]00 $’
1,000.20 $
1001
‘$ 0,0[.]00’
$ 1,001
-1000.234
‘($0,0)’
($1,000)
‘$0.00’
-$1000.23
‘($ 0.00 a)’
$ 1.23 m
BYTES:
‘0b’
100B
2048
‘0 b’
2 KB
7884486213
‘0.0b’
7.3GB
3467479682787
‘0.000 b’
3.154 TB
PERCENTAGES:
‘0%’
100%
0.974878234
‘0.000%’
97.488%
-0.43
‘0 %’
-43 %
0.43
‘(0.000 %)’
43.000 %
TIME:
25
‘00:00:00’
0:00:25
238
0:03:58
63846
17:44:06
For the complete specification, see http://numbrojs.com/format.html
language
property type: Enum ( NumeralLanguage )
NumeralLanguage
The language to use for formatting language-specific features (e.g. thousands separator).
rounding
property type: Enum ( RoundingFunction )
RoundingFunction
Rounding functions (round, floor, ceil) and their synonyms (nearest, rounddown, roundup).
{ "font_style": "normal", "format": "0,0", "id": "14784", "js_event_callbacks": {}, "js_property_callbacks": {}, "language": "en", "name": null, "rounding": "round", "subscribed_events": [], "tags": [], "text_align": "left", "text_color": null }
PercentEditor
IntEditor optimized for editing percentages.
{ "id": "14788", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
SelectEditor
Select cell editor.
options
property type: List ( String )
The list of options to select from.
{ "id": "14789", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "options": [], "subscribed_events": [], "tags": [] }
StringEditor
Basic string cell editor with auto-completion.
completions
An optional list of completion strings.
{ "completions": [], "id": "14791", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
StringFormatter
Basic string cell formatter.
font_style
property type: Enum ( FontStyle )
FontStyle
An optional text font style, e.g. bold, italic.
text_align
property type: Enum ( TextAlign )
TextAlign
An optional text align, i.e. left, center or right.
text_color
property type: Color
Color
An optional text color. See bokeh.core.properties.Color for details.
bokeh.core.properties.Color
{ "font_style": "normal", "id": "14793", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [], "text_align": "left", "text_color": null }
SumAggregator
Simple sum across multiple rows.
{ "field_": "", "id": "14797", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
Table column widget.
default_sort
property type: Enum ( Enumeration(ascending, descending) )
The default sorting order. By default ascending order is used.
ascending
editor
property type: Instance ( CellEditor )
The cell editor for this column. By default, a simple string editor is used.
field
The name of the field mapping to a column in the data source.
formatter
property type: Instance ( CellFormatter )
The cell formatter for this column. By default, a simple string formatter is used.
Whether this column is sortable or not. Note that data table has to have sorting enabled to allow sorting in general.
title
The title of this column. If not set, column’s data field is used instead.
width
The width or maximum width (depending on data table’s configuration) in pixels of this column.
{ "default_sort": "ascending", "editor": { "id": "14799", "type": "StringEditor" }, "field": null, "formatter": { "id": "14800", "type": "StringFormatter" }, "id": "14798", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "sortable": true, "subscribed_events": [], "tags": [], "title": null, "width": 300 }
TableWidget
Bases: bokeh.models.widgets.widget.Widget
bokeh.models.widgets.widget.Widget
Abstract base class for data table (data grid) widgets.
source
The source of data for the widget.
view
property type: Instance ( CDSView )
CDSView
A view into the data source to use when rendering table rows. A default view of the entire data source is created if a view is not passed in during initialization.
{ "align": "start", "aspect_ratio": null, "background": null, "css_classes": [], "default_size": 300, "disabled": false, "height": null, "height_policy": "auto", "id": "14808", "js_event_callbacks": {}, "js_property_callbacks": {}, "margin": [ 5, 5, 5, 5 ], "max_height": null, "max_width": null, "min_height": null, "min_width": null, "name": null, "orientation": "horizontal", "sizing_mode": null, "source": null, "subscribed_events": [], "tags": [], "view": { "id": "14809", "type": "CDSView" }, "visible": true, "width": null, "width_policy": "auto" }
TextEditor
Multi-line string cell editor.
{ "id": "14814", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }
TimeEditor
Spinner-based time cell editor.
{ "id": "14815", "js_event_callbacks": {}, "js_property_callbacks": {}, "name": null, "subscribed_events": [], "tags": [] }