<script>
$(document).ready(function() {
// Init tabs. If following line is commented, scroll pane looks fine
$("#tabs").tabs();
// init jscrollpane
$('.scroll-pane').jScrollPane();
});
</script>
結果を見るとわかるように、垂直スクロール バーは上に向かって突き出ており、水平バーは左に向かって突き出ています。これにより、見栄えが悪くなります。
それらをテーブルに正確に合わせてほしいです。
タブを外すと、はみ出なくなります。したがって、jscrollpane が jQuery-ui タブでどのように動作しているかに関係があると思います。
すばらしい SO コミュニティに確認した後、jscrollpane と jQuery-ui の開発者に調査を依頼しようと思いました。
ありがとう!