Jupyter 노트북에 DataTable 탭을 표시 할 수 없습니다.

Question

Bokeh를 사용하여 여러 데이터 프레임을 탭에 표시하려고합니다. 내 코드는 html로 파일을 저장할 때 작동하지만 Jupyter 노트에서는 인라인으로 표시되지 않습니다.

다음

Javascript error adding output! 
Error: SlickGrid's 'enableColumnReorder = true' option requires jquery-ui.sortable module to be loaded 
See your browser Javascript console for more details. 

가 내 설정 : 여기

from bokeh.models.widgets import DataTable, DateFormatter, 
TableColumn, Panel, Tabs 
from bokeh.io import output_notebook, show 
from bokeh.models import ColumnDataSource 
from bokeh.plotting import figure 
from bokeh.resources import INLINE 
output_notebook(resources=INLINE) 

source = ColumnDataSource(train.head()) 
columns = [TableColumn(field=col, title=col) for col in train.columns.tolist()] 
data_table = DataTable(source=source, columns=columns, width=400, height=280) 
tab1 = Panel(child=data_table, title="Train") 

source = ColumnDataSource(prop.head()) 
columns = [TableColumn(field=col, title=col) for col in prop.columns.tolist()] 
data_table = DataTable(source=source, columns=columns, width=len(columns)*100, height=280) 
tab2 = Panel(child=data_table, title="Properties") 

tabs = Tabs(tabs=[tab1, tab2]) 
show(tabs) 

오류 messege입니다 : 다음은 내 코드입니다

Python 3.6.1 :: Anaconda custom (64-bit) 
Ubuntu 16.04 LTS 
jupyter==1.0.0 
jupyter-client==5.0.1 
jupyter-console==5.1.0 
jupyter-core==4.3.0 
bokeh==0.12.7 

누군가가 나에게 내가 무엇을 할 수 있는지와 같은 방향으로 지점 수 이 문제를 해결하려면? 미리 감사드립니다. Mike

Answer 1

SlickGrid 오류 메시지처럼 보입니다. 그것은 말합니다, jQueryUI.sortable SlickGrid에 대한 종속성입니다.

<script src="../lib/jquery-1.11.2.min.js"></script> 
<script src="../lib/jquery-ui-1.11.3.min.js"></script> 

(또는 당신이 jQuery를 CDN을 사용할 수 있습니다) :
나는 일반적으로 같은 jQuery를 자체와 함께 페이지에 jQueryUI의 전체 빌드를 포함한다.
정렬 가능을 포함하는 jQueryUI의 축소 버전을 포함 할 수도 있습니다 (jQueryUI와 다른 프레임 워크 (예 : 부트 스트랩)간에 충돌이있는 것으로 알려져 있음).

슬릭 그리드가 페이지의 일부인 경우 이미이 설정을해야합니다. Bokeh에 대한 단서가 없습니다.