ExtJs4:Panel:SQL语法高亮:没有滚动条/换行

ExtJs4:Panel:SQL语法高亮:没有滚动条/换行,extjs4,syntax-highlighting,syntaxhighlighter,ext-panel,Extjs4,Syntax Highlighting,Syntaxhighlighter,Ext Panel,我使用ExtJs面板在屏幕上显示SQL查询。 为了突出显示查询,我使用SyntaxHighlighter 问题:即使为面板设置了“autoScroll:true”,我也无法在面板中获得滚动条 我尝试了以下方法: 早期荧光灯代码: '<pre class="brush: sql">' + sqlOutput + '</pre>' “”+sqlOutput+“” 我试过的事情: '<pre class="brush: sql;wrap-lines: false"&g

我使用ExtJs面板在屏幕上显示SQL查询。 为了突出显示查询,我使用SyntaxHighlighter

问题:即使为面板设置了
“autoScroll:true”
,我也无法在面板中获得滚动条

我尝试了以下方法:

早期荧光灯代码:

'<pre class="brush: sql">' + sqlOutput + '</pre>'
“”+sqlOutput+“”
我试过的事情:

'<pre class="brush: sql;wrap-lines: false">' + sqlOutput + '</pre>';
“”+sqlOutput+“”;
但是没有成功。 有人能帮我吗

更新

我可以在Chrome中获得垂直滚动条,但没有水平滚动条

这就是它的样子:


您可以在面板上指定maxWidth(快速n脏解决方案),也可以在面板的父容器中添加固定宽度的布局规范